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

Get rid of dropdown menu on tweets, just put the two buttons next to each other

Browse Source
This commit is contained in:
Alessio 2023-12-20 11:55:50 -08:00
parent fee47205ec
commit a039b4b320
2 changed files with 12 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -492,10 +492,14 @@ input[type="submit"] {
.followers-followees-container .spacer {
flex-grow: 1;
}
.user-feed-buttons-container {
.user-feed-buttons-container, .tweet-buttons-container {
display: flex;
flex-direction: row;
}
.tweet-buttons-container .quick-link {
margin: 0;
font-size: 0.8em;
}
.poll {
padding: 1em;
@ -569,25 +573,6 @@ ul.space-participants-list li {
font-size: 0.8em;
}
.dropdown {
position: relative;
}
ul.dropdown-items {
list-style: none;
position: absolute;
top: 2em;
width: fit-content;
margin: 0;
padding: 0.3em;
background-color: var(--color-twitter-off-white);
outline: 1px solid var(--color-outline-gray);
border-radius: 0.3em;
display: none;
z-index: 1; /* otherwise in quote-tweets, the dropdown button from quoting-tweet is on top of it */
}
.dropdown-button:focus + .dropdown-items, .dropdown-items:hover {
display: block;
}
.tombstone {
outline: 1px solid var(--color-outline-gray);
background-color: var(--color-twitter-off-white);

19
internal/webserver/tpl/tweet_page_includes/single_tweet.tpl
View File

@ -139,24 +139,13 @@
</div>
{{template "likes-count" $main_tweet}}
<div class="dummy"></div>
<div class="dropdown" hx-trigger="click consume">
<button class="dropdown-button" title="Options">
<img class="svg-icon" src="/static/icons/more.svg" />
</button>
<ul class="dropdown-items">
<a class="unstyled-link" target="_blank" href="https://twitter.com/{{$author.Handle}}/status/{{$main_tweet.ID}}">
<li class="quick-link">
<div class="tweet-buttons-container" hx-trigger="click consume">
<a class="unstyled-link quick-link" target="_blank" href="https://twitter.com/{{$author.Handle}}/status/{{$main_tweet.ID}}" title="Open on twitter.com">
<img class="svg-icon" src="/static/icons/external-link.svg" />
<span>Open on twitter.com</span>
</li>
</a>
<a class="unstyled-link" target="_blank" hx-get="/tweet/{{$main_tweet.ID}}?scrape" hx-target="body">
<li class="quick-link">
<img class="svg-icon" src="/static/icons/download.svg" />
<span>Re-fetch tweet</span>
</li>
<a class="unstyled-link quick-link" hx-get="/tweet/{{$main_tweet.ID}}?scrape" hx-target="body" title="Refresh">
<img class="svg-icon" src="/static/icons/refresh.svg" />
</a>
</ul>
</div>
</div>
</span>