Fix broken CSS theme introduced with Firefox 133

This commit is contained in:
Jimbo 2024-12-02 00:25:14 -05:00
parent dc2a40eda1
commit 99d26740dd
4 changed files with 91 additions and 57 deletions

View file

@ -2,7 +2,7 @@
--urlbar-height-setting: 24px; --urlbar-height-setting: 24px;
--tab-min-height: 20px !important; --tab-min-height: 20px !important;
/* I don't recommend you touch this */ /* I don't recommend you touch this unless you know what you're doing */
--arrowpanel-menuitem-padding: 2px !important; --arrowpanel-menuitem-padding: 2px !important;
--arrowpanel-border-radius: 0px !important; --arrowpanel-border-radius: 0px !important;
--arrowpanel-menuitem-border-radius: 0px !important; --arrowpanel-menuitem-border-radius: 0px !important;
@ -13,20 +13,20 @@
--toolbar-field-focus-border-color: transparent !important; --toolbar-field-focus-border-color: transparent !important;
} }
/* --- General debloat ------------------------------ */ /* --- GENERAL DEBLOAT ---------------------------------- */
/* bottom left page loading status or url preview */ /* Bottom left page loading status or url preview */
#statuspanel { display: none !important; } #statuspanel { display: none !important; }
/* remove radius from right-click popup */ /* remove radius from right-click popup */
menupopup, panel { --panel-border-radius: 0px !important; } menupopup, panel { --panel-border-radius: 0px !important; }
menu, menuitem, menucaption { border-radius: 0px !important; } menu, menuitem, menucaption { border-radius: 0px !important; }
/* no large buttons in right-click menu */ /* no stupid large buttons in right-click menu */
menupopup > #context-navigation { display: none !important; } menupopup > #context-navigation { display: none !important; }
menupopup > #context-sep-navigation { display: none !important; } menupopup > #context-sep-navigation { display: none !important; }
/* --- Debloat navbar ------------------------------- */ /* --- DEBLOAT NAVBAR ----------------------------------- */
#back-button { display: none; } #back-button { display: none; }
#forward-button { display: none; } #forward-button { display: none; }
@ -38,11 +38,21 @@ menupopup > #context-sep-navigation { display: none !important; }
/* empty space before and after the url bar */ /* empty space before and after the url bar */
#customizableui-special-spring1, #customizableui-special-spring2 { display: none; } #customizableui-special-spring1, #customizableui-special-spring2 { display: none; }
/* --- Style navbar -------------------------------- */ /* --- STYLE NAVBAR ------------------------------------ */
/* remove padding between toolbar buttons */ /* remove padding between toolbar buttons */
toolbar .toolbarbutton-1 { padding: 0 0 !important; } toolbar .toolbarbutton-1 { padding: 0 0 !important; }
/* add it back to the downloads button, otherwise it's too close to the urlbar */
#downloads-button {
margin-left: 2px !important;
}
/* add padding to the right of the last button so that it doesn't touch the edge of the window */
#PanelUI-menu-button {
padding: 0px 4px 0px 0px !important;
}
#urlbar-container { #urlbar-container {
--urlbar-container-height: var(--urlbar-height-setting) !important; --urlbar-container-height: var(--urlbar-height-setting) !important;
margin-left: 0 !important; margin-left: 0 !important;
@ -70,16 +80,16 @@ toolbar .toolbarbutton-1 { padding: 0 0 !important; }
} }
/* keep pop-up menus from overlapping with navbar */ /* keep pop-up menus from overlapping with navbar */
#widget-overflow { margin: 0 !important; } #widget-overflow { margin: 4px !important; }
#appmenu-popup { margin: 0 !important; } #customizationui-widget-panel { margin: 4px !important; }
#customizationui-widget-panel { margin: 0 !important; } #unified-extensions-panel { margin-top: 4px !important; }
#unified-extensions-panel { margin: 0 !important; } #appMenu-popup { margin-top: 4px !important; }
/* --- Unified extensions button -------------------- */ /* --- UNIFIED EXTENSIONS BUTTON ------------------------ */
/* make extension icons smaller */ /* make extension icons smaller */
#unified-extensions-view { #unified-extensions-view {
--uei-icon-size: 18px; --uei-icon-size: 16px;
} }
/* hide bloat */ /* hide bloat */
@ -95,10 +105,6 @@ toolbar .toolbarbutton-1 { padding: 0 0 !important; }
padding: 3px 0px !important; padding: 3px 0px !important;
} }
#unified-extensions-view .unified-extensions-item-menu-button {
margin-inline-end: 0 !important;
}
#unified-extensions-view .toolbarbutton-icon { #unified-extensions-view .toolbarbutton-icon {
padding: 0 !important; padding: 0 !important;
} }
@ -108,7 +114,16 @@ toolbar .toolbarbutton-1 { padding: 0 0 !important; }
white-space: nowrap !important; white-space: nowrap !important;
} }
/* --- Debloat URL bar ------------------------------- */ #unified-extensions-panel .unified-extensions-item {
margin-block: 0 !important;
}
.toolbar-menupopup :is(menu, menuitem), .subview-subheader, panelview
.toolbarbutton-1, .subviewbutton, .widget-overflow-list .toolbarbutton-1 {
padding: 4px !important;
}
/* --- DEBLOAT URLBAR ----------------------------------- */
#identity-box { display: none; } #identity-box { display: none; }
#pageActionButton { display: none; } #pageActionButton { display: none; }
@ -125,7 +140,7 @@ toolbar .toolbarbutton-1 { padding: 0 0 !important; }
/* remove container indicator from urlbar */ /* remove container indicator from urlbar */
#userContext-label, #userContext-indicator { display: none !important;} #userContext-label, #userContext-indicator { display: none !important;}
/* --- Style tab toolbar ---------------------------- */ /* --- STYLE TAB TOOLBAR -------------------------------- */
#titlebar { #titlebar {
--proton-tab-block-margin: 0px !important; --proton-tab-block-margin: 0px !important;
@ -135,7 +150,6 @@ toolbar .toolbarbutton-1 { padding: 0 0 !important; }
#TabsToolbar, .tabbrowser-tab { #TabsToolbar, .tabbrowser-tab {
max-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important;
font-size: 14px !important; font-size: 14px !important;
outline: none !important;
} }
/* Change color of normal tabs */ /* Change color of normal tabs */
@ -147,6 +161,17 @@ tab:not([selected="true"]) {
tab { tab {
font-family: var(--tab-font, monospace); font-family: var(--tab-font, monospace);
border: none !important; border: none !important;
padding-top: 0 !important;
}
.tab-content {
padding: 0 0 0 var(--tab-inline-padding);
}
.tab-background {
margin-block: 0 !important;
min-height: var(--tab-min-height);
outline-offset: 0 !important;
} }
/* safari style tab width */ /* safari style tab width */
@ -158,6 +183,9 @@ tab {
/* Hide close button on tabs */ /* Hide close button on tabs */
#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display: none !important; } #tabbrowser-tabs .tabbrowser-tab .tab-close-button { display: none !important; }
/* disable favicons in tab */
/* .tab-icon-stack:not([pinned]) { display: none !important; } */
.tabbrowser-tab { .tabbrowser-tab {
/* remove border between tabs */ /* remove border between tabs */
padding-inline: 0px !important; padding-inline: 0px !important;
@ -175,7 +203,7 @@ tab {
/* Tab: hovered colors */ /* Tab: hovered colors */
#tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content { #tabbrowser-tabs .tabbrowser-tab:hover:not([selected]) .tab-content {
background: var(--tab-hover-bg-color) !important; background: var(--tab-active-bg-color) !important;
} }
/* hide window controls */ /* hide window controls */
@ -204,6 +232,10 @@ tab {
height: var(--tab-min-height) !important; height: var(--tab-min-height) !important;
} }
#tabbrowser-tabs {
min-height: var(--tab-min-height) !important;
}
/* remove overflow scroll buttons */ /* remove overflow scroll buttons */
#scrollbutton-up, #scrollbutton-down { display: none !important; } #scrollbutton-up, #scrollbutton-down { display: none !important; }
@ -212,27 +244,40 @@ tab {
display: none !important; display: none !important;
} }
/* --- Autohide Navbar ------------------------------ */ /* hide private browsing indicator */
#private-browsing-indicator-with-label {
/* hide navbar unless focused */ display: none;
#nav-bar { }
min-height: 0 !important;
max-height: 0 !important; /* --- AUTOHIDE NAVBAR ---------------------------------- */
height: 0 !important;
--moz-transform: scaleY(0) !important; #nav-bar,
transform: scaleY(0) !important; #urlbar {
transform: translateY(calc(0px - var(--urlbar-height-setting)));
opacity: 0;
}
#navigator-toolbox {
min-height: var(--tab-min-height) !important;
height: var(--tab-min-height) !important;
}
#navigator-toolbox:focus-within {
min-height: calc(var(--urlbar-height-setting) + var(--tab-min-height)) !important;
height: calc(var(--urlbar-height-setting) + var(--tab-min-height)) !important;
transform: translateY(calc(0px - var(--tab-min-height)));
}
#TabsToolbar {
transform: translateY(var(--tab-min-height));
} }
/* show on focus */
#nav-bar:focus-within { #nav-bar:focus-within {
--moz-transform: scale(1) !important; transform: translateY(var(--tab-min-height));
transform: scale(1) !important; opacity: 1;
max-height: var(--urlbar-height-setting) !important;
height: var(--urlbar-height-setting) !important;
min-height: var(--urlbar-height-setting) !important;
} }
#navigator-toolbox:focus-within > .browser-toolbar { #urlbar:focus-within {
transform: translateY(0); transform: translateY(0);
opacity: 1; opacity: 1;
} }

View file

@ -1,6 +1,11 @@
{ ... }: { config, pkgs, ... }:
{ {
imports = [ xdg.portal.wlr = {
./wlr enable = config.system.desktop.enable;
]; settings.screencast = {
max_fps = 60;
chooser_type = "simple";
chooser_cmd = "${pkgs.slurp}/bin/slurp -f %o -or -B 00000066 -b 00000099";
};
};
} }

View file

@ -1,11 +0,0 @@
{ config, pkgs, ... }:
{
xdg.portal.wlr = {
enable = config.system.desktop.enable;
settings.screencast = {
max_fps = 60;
chooser_type = "simple";
chooser_cmd = "${pkgs.slurp}/bin/slurp -f %o -or -B 00000066 -b 00000099";
};
};
}

View file

@ -3,11 +3,6 @@
system.autoUpgrade = { system.autoUpgrade = {
enable = true; enable = true;
flake = self.outPath; flake = self.outPath;
flags = [
"--update-input"
"nixpkgs"
"--commit-lock-file"
];
dates = "daily"; dates = "daily";
}; };
} }