Update dependencies and improve Firefox CSS
This commit is contained in:
panotaka
@@ -283,66 +283,90 @@
|
||||
"widget.use-xdg-desktop-portal.file-picker" = 1;
|
||||
};
|
||||
userChrome = ''
|
||||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_toolbar.css made available under Mozilla Public License v. 2.0
|
||||
/* Sidebery */
|
||||
#main-window[titlepreface*="🦊 "] .tabbrowser-tab {
|
||||
visibility: collapse !important;
|
||||
}
|
||||
|
||||
#main-window[titlepreface*="🦊 "] .titlebar-button {
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
#main-window[titlepreface*="🦊 "] #nav-bar {
|
||||
margin-top: -40px;
|
||||
margin-right: 137px;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
#main-window[titlepreface*="🦊 "] #titlebar-spacer {
|
||||
background-color: var(--chrome-secondary-background-color);
|
||||
}
|
||||
|
||||
#main-window[titlepreface*="🦊 "] #titlebar-buttonbox-container {
|
||||
background-color: var(--chrome-secondary-background-color);
|
||||
}
|
||||
|
||||
#main-window[titlepreface*="🦊 "] .titlebar-color {
|
||||
background-color: var(--toolbar-bgcolor);
|
||||
}
|
||||
|
||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] #sidebar-header {
|
||||
visibility: collapse;
|
||||
}
|
||||
|
||||
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0
|
||||
See the above repository for updates as well as full license text. */
|
||||
|
||||
/* Hides tabs toolbar */
|
||||
/* For OSX use hide_tabs_toolbar_osx.css instead */
|
||||
/* Show sidebar only when the cursor is over it */
|
||||
/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
|
||||
|
||||
/* Note, if you have either native titlebar or menubar enabled, then you don't really need this style.
|
||||
* In those cases you can just use: #TabsToolbar{ visibility: collapse !important }
|
||||
*/
|
||||
|
||||
/* IMPORTANT */
|
||||
/*
|
||||
Get window_control_placeholder_support.css
|
||||
Window controls will be all wrong without it
|
||||
*/
|
||||
|
||||
:root[tabsintitlebar]{ --uc-toolbar-height: 40px; }
|
||||
:root[tabsintitlebar][uidensity="compact"]{ --uc-toolbar-height: 32px }
|
||||
#titlebar{
|
||||
will-change: unset !important;
|
||||
transition: none !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
#TabsToolbar{ visibility: collapse !important }
|
||||
|
||||
:root[sizemode="fullscreen"] #TabsToolbar > :is(#window-controls,.titlebar-buttonbox-container){
|
||||
visibility: visible !important;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
:root:not([inFullscreen]) #nav-bar{
|
||||
margin-top: calc(0px - var(--uc-toolbar-height,0px));
|
||||
}
|
||||
|
||||
:root[tabsintitlebar] #toolbar-menubar[autohide="true"]{
|
||||
min-height: unset !important;
|
||||
height: var(--uc-toolbar-height,0px) !important;
|
||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] {
|
||||
--uc-sidebar-width: 48px !important;
|
||||
--uc-sidebar-hover-width: 250px;
|
||||
--uc-autohide-sidebar-delay: 300ms; /* Wait 0.3s before hiding sidebar */
|
||||
position: relative;
|
||||
min-width: var(--uc-sidebar-width) !important;
|
||||
width: var(--uc-sidebar-width) !important;
|
||||
max-width: var(--uc-sidebar-width) !important;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#toolbar-menubar[autohide="false"]{
|
||||
margin-bottom: var(--uc-toolbar-height,0px)
|
||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar-splitter {
|
||||
display: none
|
||||
}
|
||||
|
||||
:root[tabsintitlebar] #toolbar-menubar[autohide="true"] #main-menubar{
|
||||
flex-grow: 1;
|
||||
align-items: stretch;
|
||||
background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor);
|
||||
background-clip: padding-box;
|
||||
border-right: 30px solid transparent;
|
||||
border-image: linear-gradient(to left, transparent, var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor) 30px) 20 / 30px
|
||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar {
|
||||
transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
|
||||
min-width: var(--uc-sidebar-width) !important;
|
||||
will-change: min-width;
|
||||
}
|
||||
|
||||
#toolbar-menubar:not([inactive]){ z-index: 2 }
|
||||
#toolbar-menubar[autohide="true"][inactive] > #menubar-items {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
margin-left: var(--uc-window-drag-space-pre,0px)
|
||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"]:hover > #sidebar{
|
||||
min-width: var(--uc-sidebar-hover-width) !important;
|
||||
transition-delay: 0ms !important
|
||||
}
|
||||
|
||||
/* Add sidebar divider and give it background */
|
||||
|
||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar,
|
||||
#sidebar-box[sidebarcommand="_3c078156-979c-498b-8990-85f7987dd929_-sidebar-action"] > #sidebar-header {
|
||||
background-color: var(--toolbar-bgcolor) !important;
|
||||
/* border-inline: 1px solid var(--sidebar-border-color) !important;*/
|
||||
border-inline: 1px solid var(--chrome-content-separator-color) !important;
|
||||
border-inline-width: 0px 1px;
|
||||
}
|
||||
#sidebar-box[positionend]{
|
||||
direction: rtl
|
||||
}
|
||||
#sidebar-box[positionend] > *{
|
||||
direction: ltr
|
||||
}
|
||||
|
||||
#sidebar-box[positionend]:-moz-locale-dir(rtl){
|
||||
direction: ltr
|
||||
}
|
||||
#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{
|
||||
direction: rtl
|
||||
}
|
||||
'';
|
||||
};
|
||||
/*
|
||||
|
||||
Reference in New Issue
Block a user