feat(firefox): finalize modular web-app profile with new-tab-override

- Integrated New Tab Override extension for reliable per-profile redirection.

- Confirmed Tridactyl compatibility via 'set newtab about:newtab'.

- Polished autohide toolbox with solid background.
This commit is contained in:
kenji
2026-01-05 16:01:39 -06:00
parent 75d5fc850e
commit 8da1baea93
+6 -5
View File
@@ -77,19 +77,19 @@
: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;
@@ -156,7 +156,7 @@
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;
@@ -173,4 +173,5 @@
#titlebar { appearance: none !important; } #titlebar { appearance: none !important; }
#PersonalToolbar { visibility: collapse !important; } #PersonalToolbar { visibility: collapse !important; }
''; '';
} }