tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fake statusbar w bookmarksbar: Make Done label absolute start aligned

Browse Source 
If bookmarks toolbar is empty (except for the flex space) the
empty-toolbar indicator element is visible, which causes the flex-space
to be be center-aligned - this is simply fixed with order: -1

In addition, when letterboxing is enabled and window is somewhat narrow,
the Done ::before pseudo can cause the statuspanel to be wider that the
<browser> element, which causes the <browser> to move when links are
being hovered. So lets just make the Done label absolute.
This commit is contained in:
MrOtherGuy
2025-03-26 19:01:53 +02:00
parent e3f0e06f4b
commit 71d52e7343
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
chrome/fake_statusbar_w_bookmarksbar.css
View File

@@ -48,7 +48,9 @@ See the above repository for updates as well as full license text. */
min-width: 60ch;
flex-grow: 10 !important;
}
#personal-toolbar-empty:not([hidden]) + toolbarspring{
order: -1;
}
#personal-toolbar-empty{ visibility: hidden; }
#PersonalToolbar .toolbarbutton-1{
align-items: center !important;
@@ -93,6 +95,7 @@ See the above repository for updates as well as full license text. */
#statuspanel[inactive] > #statuspanel-inner::before{
content: "Done";
display: flex;
position: absolute;
margin-top: 2px;
color: var(--toolbar-field-color, black) !important;
}
@@ -105,4 +108,4 @@ See the above repository for updates as well as full license text. */
.browserContainer,
.browserSidebarContainer{
background-color: inherit;
}
}