Skip to content

Commit

Permalink
Support v133 (fix #15)
Browse files Browse the repository at this point in the history
  • Loading branch information
@rockofox
rockofox committed Nov 3, 2024
1 parent c5580fd commit 1db743f
Showing 1 changed file with 76 additions and 49 deletions.
125 changes: 76 additions & 49 deletions userChrome.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,24 +13,28 @@
/* User changable variables */

:root {
--tab-font-size: 0.8em; /* Font size of the tab labels */
--tab-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* The font used for the tab labels */
--max-tab-width: none; /* The maximum width a tab in the tab bar can use. Set this to none for no limit */
--show-titlebar-buttons: none; /* Hide the buttons (close/minimize/maximize) in the title bar. Required on some platforms (e.g macOS) to fully hide the title bar. `none` hides them, `block` shows them */
--tab-font-size: 0.8em;
/* Font size of the tab labels */
--tab-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
/* The font used for the tab labels */
--max-tab-width: none;
/* The maximum width a tab in the tab bar can use. Set this to none for no limit */
--show-titlebar-buttons: none;
/* Hide the buttons (close/minimize/maximize) in the title bar. Required on some platforms (e.g macOS) to fully hide the title bar. `none` hides them, `block` shows them */
--tab-height: 20px;
}

/* Minima Source Code. Here be dragons. */
/* Only change this if you know what you're doing */

tab[muted] .tab-label::before {
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
background-size:100% 100%;
background-image: url("chrome://browser/skin/tabbrowser/tab-audio-muted-small.svg");
background-size: 100% 100%;
display: inline-block;
min-width: 12px;
width: var(--tab-font-size);
height: auto;
content:"\00a0";
content: "\00a0";
position: relative;
-moz-context-properties: fill, fill-opacity, stroke;
fill: currentColor;
Expand All @@ -39,7 +43,7 @@ tab[muted] .tab-label::before {
}

tab:hover[muted] .tab-label::before {
display: none;
display: none;
}

.titlebar-buttonbox-container {
Expand All @@ -52,56 +56,56 @@ tab:hover[muted] .tab-label::before {
border-radius: 0 !important;
padding: 0 !important;
}

.tabbrowser-tab * {
margin:0 !important;
margin: 0 !important;
border-radius: 0 !important;
font-family: var(--tab-font-family) !important;
}

.tabbrowser-tab {
height: var(--tab-height);
font-size: var(--tab-font-size) !important;
min-height: 0 !important;
align-items: center !important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
max-width: var(--max-tab-width) !important;
}
.tab-close-button, .new-tab-button, #firefox-view-button, #scrollbutton-up, .tab-secondary-label {

.tab-close-button,
.new-tab-button,
#firefox-view-button,
#scrollbutton-up,
.tab-secondary-label {
display: none !important;
}

.tab-icon-image {
height: auto !important;
width: calc(var(--tab-height) / 1.5) !important;
margin-right: 4px !important;
}

#tabs-newtab-button, #titlebar spacer {
#tabs-newtab-button,
#titlebar spacer,
#alltabs-button {
display: none !important;
}

:root:not([customizing]) #nav-bar
{
min-height : 2.5em !important;
height : 2.5em !important;
margin : 0 0 -2.5em !important;
z-index : -1000 !important;
opacity : 0 !important;
:root:not([customizing]) #nav-bar,
:root:not([customizing]) #urlbar[popover] {
margin: 0 0 -40px !important;
opacity: 0 !important;
}

:root:not([customizing]) #nav-bar:focus-within
{
z-index : 1000 !important;
opacity : 1 !important;
}

#nav-bar{
border-inline: var(--uc-window-drag-space-width) solid var(--toolbar-bgcolor);
}
#new-tab-button, #alltabs-button, #scrollbutton-down, .tab-loading-burst{
display: none;
}
#titlebar {
overflow: none !important;
:root:not([customizing]) #nav-bar:focus-within,
:root:not([customizing]) #urlbar[popover]:focus-within,
:root:not([customizing]) #nav-bar:has(#urlbar[popover]:focus-within),
:root:not([customizing]) #nav-bar:focus-within #urlbar[popover] {
margin: 0 0 auto !important;
opacity: 1 !important;
}

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_with_one_tab.css made available under Mozilla Public License v. 2.0
Expand All @@ -110,17 +114,28 @@ See the above repository for updates as well as full license text. */
/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs. Optionally use privatemode_indicator_as_menu_button.css to replace main menu icon with private browsing indicator while tabs are hidden. */
/* Firefox 65+ only */

:root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px }
:root[sizemode="normal"] #nav-bar {
--uc-window-drag-space-width: 20px
}

#titlebar {
-moz-appearance: none !important;
}

#titlebar{ -moz-appearance: none !important; }
#TabsToolbar{ min-height: 0px !important }
#TabsToolbar {
min-height: 0px !important
}

#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox{ min-height: 0 !important; }
#tabbrowser-tabs,
#tabbrowser-tabs>.tabbrowser-arrowscrollbox,
#tabbrowser-arrowscrollbox {
min-height: 0 !important;
}

:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button,
:root:not([customizing]) #tabs-newtab-button,
:root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1,
:root:not([customizing]) #TabsToolbar .titlebar-button{
:root:not([customizing]) #TabsToolbar-customization-target>.toolbarbutton-1,
:root:not([customizing]) #TabsToolbar .titlebar-button {
-moz-appearance: none !important;
height: 0px;
padding-top: 0px !important;
Expand All @@ -130,36 +145,48 @@ See the above repository for updates as well as full license text. */
}

.accessibility-indicator,
.private-browsing-indicator{
.private-browsing-indicator {
height: unset !important;
}
.accessibility-indicator > hbox{ padding-block: 0 !important }

.accessibility-indicator>hbox {
padding-block: 0 !important
}

#tabbrowser-tabs tab:only-of-type {
visibility: collapse !important;
}

/* Button re-styling */
#tabs-newtab-button:hover,
#tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) }
#tabbrowser-tabs .tabs-newtab-button:hover {
background-color: var(--toolbarbutton-hover-background)
}

#tabs-newtab-button > .toolbarbutton-icon,
#tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{
#tabs-newtab-button>.toolbarbutton-icon,
#tabbrowser-tabs .tabs-newtab-button>.toolbarbutton-icon {
padding: 0 !important;
transform: scale(0.6);
background-color: transparent !important;
}

/* Extra top padding in maximized window */
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; }
@media (-moz-os-version: windows-win10) {
:root[sizemode="maximized"] #navigator-toolbox {
padding-top: 7px !important;
}
}

/* Fix window controls not being clickable */
:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{
:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive] {
transition: height 0ms steps(1) 80ms;
}
#nav-bar{

#nav-bar {
border-inline: var(--uc-window-drag-space-width) solid var(--toolbar-bgcolor);
}

#navigator-toolbox {
appearance: toolbar !important; /* Pretty much anything except none */
}
appearance: toolbar !important;
/* Pretty much anything except none */
}

0 comments on commit 1db743f

Please sign in to comment.