kenji/nixos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove(firefox): web-app css set to default, awaiting textfox migration

Browse Source
This commit is contained in:
kenji
2026-01-11 13:09:04 -06:00
parent 516fe436e6
commit cfbc56ab6d
1 changed files with 103 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/firefox/profiles/web-app.nix
+103 -104
View File
@@ -70,108 +70,107 @@
"network.trr.mode" = 2; # Use DoH with system fallback "network.trr.mode" = 2; # Use DoH with system fallback
"network.trr.uri" = "https://dns.quad9.net/dns-query"; "network.trr.uri" = "https://dns.quad9.net/dns-query";
}; };
#
userChrome = '' # userChrome = ''
/* --- Autohide Entire Toolbox (Tabs + Address Bar) --- */ # /* --- Autohide Entire Toolbox (Tabs + Address Bar) --- */
/* Adapted from MrOtherGuy's autohide_main_toolbar.css */ # /* Adapted from MrOtherGuy's autohide_main_toolbar.css */
#
:root{ # :root{
/* Height of Tabs + Nav Bar approx 80px */ # /* Height of Tabs + Nav Bar approx 80px */
--uc-navbar-transform: -85px; # --uc-navbar-transform: -85px;
--uc-autohide-toolbar-delay: 0.1s; # --uc-autohide-toolbar-delay: 0.1s;
--uc-autohide-toolbar-duration: 200ms; # --uc-autohide-toolbar-duration: 200ms;
} # }
:root[uidensity="compact"]{ --uc-navbar-transform: -70px } # :root[uidensity="compact"]{ --uc-navbar-transform: -70px }
#
#navigator-toolbox > div{ display: contents; } # #navigator-toolbox > div{ display: contents; }
#
/* Apply transform to TabsToolbar AND Nav-bar */ # /* Apply transform to TabsToolbar AND Nav-bar */
:root[sessionrestored] :where(#nav-bar,#PersonalToolbar,#TabsToolbar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){ # :root[sessionrestored] :where(#nav-bar,#PersonalToolbar,#TabsToolbar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){
transform: translateY(var(--uc-navbar-transform)) # transform: translateY(var(--uc-navbar-transform))
} # }
#
:root:is([customizing],[chromehidden*="toolbar"]) :where(#nav-bar,#PersonalToolbar,#TabsToolbar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){ # :root:is([customizing],[chromehidden*="toolbar"]) :where(#nav-bar,#PersonalToolbar,#TabsToolbar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){
transform: none !important; # transform: none !important;
opacity: 1 !important; # opacity: 1 !important;
} # }
#
/* Hide styles for Nav-Bar AND TabsToolbar */ # /* Hide styles for Nav-Bar AND TabsToolbar */
:where(#nav-bar,#TabsToolbar):not([customizing]){ # :where(#nav-bar,#TabsToolbar):not([customizing]){
opacity: 0; # opacity: 0;
transition: transform var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay), opacity var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay) !important; # transition: transform var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay), opacity var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay) !important;
position: relative; # position: relative;
z-index: 2; # z-index: 2;
background-color: #1c1b22 !important; /* Solid background */ # background-color: #1c1b22 !important; /* Solid background */
} # }
#
#navigator-toolbox, # #navigator-toolbox,
#sidebar-box, # #sidebar-box,
#sidebar-main, # #sidebar-main,
#sidebar-splitter, # #sidebar-splitter,
#tabbrowser-tabbox{ # #tabbrowser-tabbox{
z-index: auto !important; # z-index: auto !important;
} # }
#
/* Show when toolbox is focused or hovered */ # /* Show when toolbox is focused or hovered */
#navigator-toolbox:focus-within > .browser-toolbar, # #navigator-toolbox:focus-within > .browser-toolbar,
.browser-titlebar:hover ~ :is(#nav-bar,#PersonalToolbar,#TabsToolbar), # .browser-titlebar:hover ~ :is(#nav-bar,#PersonalToolbar,#TabsToolbar),
#nav-bar:hover, # #nav-bar:hover,
#TabsToolbar:hover, # #TabsToolbar:hover,
#nav-bar:hover + #PersonalToolbar{ # #nav-bar:hover + #PersonalToolbar{
transform: translateY(0); # transform: translateY(0);
opacity: 1; # opacity: 1;
transition-duration: var(--uc-autohide-toolbar-duration), var(--uc-autohide-toolbar-duration) !important; # transition-duration: var(--uc-autohide-toolbar-duration), var(--uc-autohide-toolbar-duration) !important;
transition-delay: 0s !important; # transition-delay: 0s !important;
} # }
#
/* Ensure popups still work (URL bar) */ # /* Ensure popups still work (URL bar) */
:root[sessionrestored] #urlbar[popover]{ # :root[sessionrestored] #urlbar[popover]{
opacity: 0; # opacity: 0;
pointer-events: none; # pointer-events: none;
transition: transform var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay), opacity var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay); # transition: transform var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay), opacity var(--uc-autohide-toolbar-duration) ease var(--uc-autohide-toolbar-delay);
transform: translateY(var(--uc-navbar-transform)); # transform: translateY(var(--uc-navbar-transform));
} # }
#mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts,#selection-shortcut-action-panel,#chat-shortcuts-options-panel,#tab-preview-panel)) ~ toolbox #urlbar[popover], # #mainPopupSet:has(> [panelopen]:not(#ask-chat-shortcuts,#selection-shortcut-action-panel,#chat-shortcuts-options-panel,#tab-preview-panel)) ~ toolbox #urlbar[popover],
.browser-titlebar:is(:hover,:focus-within) ~ #nav-bar #urlbar[popover], # .browser-titlebar:is(:hover,:focus-within) ~ #nav-bar #urlbar[popover],
#nav-bar:is(:hover,:focus-within) #urlbar[popover], # #nav-bar:is(:hover,:focus-within) #urlbar[popover],
#urlbar-container > #urlbar[popover]:is([focused],[open]){ # #urlbar-container > #urlbar[popover]:is([focused],[open]){
opacity: 1; # opacity: 1;
pointer-events: auto; # pointer-events: auto;
transition-delay: 0ms; # transition-delay: 0ms;
transform: translateY(0); # transform: translateY(0);
} # }
:where(:root[sessionrestored]) #urlbar-container > #urlbar[popover]:is([focused],[open]){ # :where(:root[sessionrestored]) #urlbar-container > #urlbar[popover]:is([focused],[open]){
transition-duration: 100ms; # transition-duration: 100ms;
} # }
#
/* --- CRITICAL FIX: Trigger Zone --- */ # /* --- CRITICAL FIX: Trigger Zone --- */
/* Since we hide EVERYTHING, we need a hitbox at the top of the screen */ # /* Since we hide EVERYTHING, we need a hitbox at the top of the screen */
#navigator-toolbox::after { # #navigator-toolbox::after {
content: ""; # content: "";
position: fixed; # position: fixed;
top: 0; # top: 0;
left: 0; # left: 0;
width: 100%; # width: 100%;
height: 20px; /* Generous hit target */ # height: 20px; /* Generous hit target */
z-index: 10000; # z-index: 10000;
pointer-events: auto; # pointer-events: auto;
} # }
#
/* When hitbox is hovered, reveal bars */ # /* When hitbox is hovered, reveal bars */
#navigator-toolbox:hover :where(#nav-bar,#PersonalToolbar,#TabsToolbar) { # #navigator-toolbox:hover :where(#nav-bar,#PersonalToolbar,#TabsToolbar) {
transform: translateY(0) !important; # transform: translateY(0) !important;
opacity: 1 !important; # opacity: 1 !important;
transition-delay: 0s !important; # transition-delay: 0s !important;
} # }
#
/* Move up the content view to fill the gap */ # /* Move up the content view to fill the gap */
:root[sessionrestored]:not([chromehidden~="toolbar"]) > body > #browser{ # :root[sessionrestored]:not([chromehidden~="toolbar"]) > body > #browser{
margin-top: var(--uc-navbar-transform); # margin-top: var(--uc-navbar-transform);
} # }
#
/* Fix Titlebar and Bookmarks */ # /* Fix Titlebar and Bookmarks */
#titlebar { appearance: none !important; } # #titlebar { appearance: none !important; }
#PersonalToolbar { visibility: collapse !important; } # #PersonalToolbar { visibility: collapse !important; }
''; # '';
} }