chev2/scripts-styles
1
0
Fork 0
mirror of https://github.com/chev2/scripts-styles.git synced 2026-04-27 13:11:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Nitter Split View v1.0.1

Browse source 
- Fix 'load more' and 'load newest' buttons not properly displaying
This commit is contained in:
Chev 2023-11-22 20:07:50 -08:00
parent cb3d99f17d
commit b128797059
Signed by: chev2
GPG key ID: BE0CFBD5DCBB2511
1 changed files with 24 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
styles/nitter-split-view.user.css
View file

@ -1,7 +1,7 @@
/* ==UserStyle== /* ==UserStyle==
@name Nitter Split View @name Nitter Split View
@author Chev <riskyrains@proton.me> (https://github.com/chev2) @author Chev <riskyrains@proton.me> (https://github.com/chev2)
@version 1.0.0 @version 1.0.1
@description On Nitter, splits the main tweet and replies to be side-by-side. @description On Nitter, splits the main tweet and replies to be side-by-side.
@namespace github.com/chev2 @namespace github.com/chev2
@license Apache-2.0 @license Apache-2.0
@ -57,7 +57,8 @@ top-bar-offset = top-bar-size + top-bar-padding
/* But we add scrollbars to both so the main container doesn't have to scroll, */ /* But we add scrollbars to both so the main container doesn't have to scroll, */
/* Keeping the navbar intact */ /* Keeping the navbar intact */
overflow-y: scroll; overflow-y: scroll;
max-height: "calc(100vh - 8px - %s)" % top-bar-offset;} max-height: "calc(100vh - 8px - %s)" % top-bar-offset;
}
.reply, .tweet-link { .reply, .tweet-link {
border-radius: roundness; border-radius: roundness;
@ -72,4 +73,25 @@ top-bar-offset = top-bar-size + top-bar-padding
padding-top: 0px; padding-top: 0px;
margin-top: 0px; margin-top: 0px;
} }
/* "Load newest" button */
.conversation > .timeline-item.show-more {
position: fixed;
right: side-padding;
left: calc(50vw);
margin-left: 8px;
}
.show-more ~ .replies {
margin-top: 56px;
/* If 'load newest' button is visible, then we need to decrease the max height of the replies panel */
max-height: "calc(100vh - 8px - 56px - %s)" % top-bar-offset;
}
.conversation .show-more, .show-more a {
border-radius: roundness;
}
} }