CaptaiNiveau/FirefoxSidebar
1
0
Fork 1
mirror of https://github.com/CaptaiNiveau/FirefoxSidebar.git synced 2025-05-31 05:26:20 +02:00
Code Issues Projects Releases Packages Wiki Activity

Increased width and added fix to prevent flash

Browse source
This commit is contained in:
CaptaiNiveau 2025-02-19 14:36:57 +01:00
parent fe3cc57349
commit 41caa0524b
2 changed files with 16 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
custom.css
View file

@ -14,6 +14,14 @@
padding-top: 2px !important;
}
/* Prevent white new tab flash - see alternative solution in userContent */
#tabbrowser-tabpanels {
background-color: #404040 !important;
}
#browser {
background-color: #404040 !important;
}
/* #main-window {
background-color: rgba(0,0,0,0.45) !important;
background: linear-gradient(8deg, rgba(0,0,0,0.4) 96%, #000) !important; /* gradient to hide the required windows control buttons in bg

15
extensions/sidebar.css
View file

@ -36,7 +36,7 @@
position: relative !important;
margin-top: var(--menubar-height) !important;
border-right: none;
transition: 0.25s !important;
transition: 0.2s !important;
/* lock sidebar to specified width */
min-width: var(--sidebar-width) !important;
@ -64,23 +64,24 @@
top: 42px;
}
/*All other sidebar-boxes should be larger on hover*/
All other sidebar-boxes should be larger on hover
#sidebar-box:hover, #sidebar-box #sidebar:hover {
min-width: 350px !important;
max-width: 350px !important;
z-index: 999;
margin-right: -300px !important;
a
}
/*Tree Style Tabs && Sideberry specific sidebar width and size*/
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"]:hover,
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover,
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar:hover {
min-width: 260px !important;
max-width: 260px !important;
margin-right: -210px !important;
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover .child-element[data-selected="true"],
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar:hover
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar:hover .child-element[data-selected="true"] {
min-width: 350px !important;
max-width: 350px !important;
margin-right: -300px !important;
}
#sidebar-header {