me/offline-twitter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make DM message 'show more' button use same styling as timeline one

Browse Source
This commit is contained in:
Alessio 2024-05-04 15:51:36 -07:00
parent af3e496468
commit d907a6c500
3 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
internal/webserver/static/styles.css
View File

@ -890,18 +890,16 @@ main {
******************************************************/ ******************************************************/
/** /**
* Timeline module * Show more button and EOF indicator module
*/ */
.timeline { .show-more {
.timeline__bottom { text-align: center;
text-align: center; font-size: 1.2em;
font-size: 1.2em; padding: 1em 0;
padding: 1em 0; .show-more__eof-label {
}
.timeline__eof-label {
color: var(--color-twitter-text-gray); color: var(--color-twitter-text-gray);
} }
.timeline__show-more-button { .show-more__button {
padding: 0em 0.8em; padding: 0em 0.8em;
display: inline-block; display: inline-block;
border: 2px solid var(--color-twitter-blue); border: 2px solid var(--color-twitter-blue);

7
internal/webserver/tpl/tweet_page_includes/chat_view.tpl
View File

@ -193,12 +193,11 @@
{{end}} {{end}}
{{define "conversation-top"}} {{define "conversation-top"}}
<div class="conversation-top"> <div class="show-more conversation-top">
{{if .Cursor.CursorPosition.IsEnd}} {{if .Cursor.CursorPosition.IsEnd}}
<!-- TODO: make a reusable eof-indicator --> <label class="show-more__eof-label">Beginning of conversation</label>
<div class="eof-indicator">Beginning of conversation</div>
{{else}} {{else}}
<a class="show-more-button button" <a class="show-more__button button"
hx-get="?cursor={{.Cursor.CursorValue}}" {{/* TODO: this might require a `cursor_to_query_params` if the same view is used for searching */}} hx-get="?cursor={{.Cursor.CursorValue}}" {{/* TODO: this might require a `cursor_to_query_params` if the same view is used for searching */}}
hx-target=".conversation-top" hx-target=".conversation-top"
hx-swap="outerHTML" hx-swap="outerHTML"

8
internal/webserver/tpl/tweet_page_includes/timeline.tpl
View File

@ -3,13 +3,13 @@
{{template "tweet" .}} {{template "tweet" .}}
{{end}} {{end}}
<div class="timeline__bottom"> <div class="show-more">
{{if .CursorBottom.CursorPosition.IsEnd}} {{if .CursorBottom.CursorPosition.IsEnd}}
<label class="timeline__eof-label">End of feed</label> <label class="show-more__eof-label">End of feed</label>
{{else}} {{else}}
<a class="timeline__show-more-button button" <a class="show-more__button button"
hx-get="?{{(cursor_to_query_params .CursorBottom)}}" hx-get="?{{(cursor_to_query_params .CursorBottom)}}"
hx-target=".timeline__bottom" hx-target=".show-more"
hx-swap="outerHTML" hx-swap="outerHTML"
>Show more</a> >Show more</a>
{{end}} {{end}}