tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add #notifications-toolbar as selector where notifications are styled

Browse Source
This commit is contained in:
MrOtherGuy
2025-07-27 07:08:51 +03:00
parent 1c158ec2dc
commit 14d2fa0d03
6 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
chrome/autohide_bookmarks_and_main_toolbars.css
View File

@@ -132,7 +132,7 @@ See the above repository for updates as well as full license text. */
/* This makes the tab notification box show immediately below tabs, otherwise it would break the layout */
#navigator-toolbox > div{ display: contents }
:where(#titlebar,#navigator-toolbox > #TabsToolbar,#navigator-toolbox > #toolbar-menubar,#tab-notification-deck,.global-notificationbox){
:where(#titlebar,#navigator-toolbox > #TabsToolbar,#navigator-toolbox > #toolbar-menubar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){
order: -1;
}
:root[BookmarksToolbarOverlapsBrowser] #navigator-toolbox{

4
chrome/autohide_main_toolbar.css
View File

@@ -11,10 +11,10 @@ See the above repository for updates as well as full license text. */
:root[uidensity="compact"]{ --uc-navbar-transform: -34px }
#navigator-toolbox > div{ display: contents; }
:root[sessionrestored] :where(#nav-bar,#PersonalToolbar,#tab-notification-deck,.global-notificationbox){
:root[sessionrestored] :where(#nav-bar,#PersonalToolbar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){
transform: translateY(var(--uc-navbar-transform))
}
:root:is([customizing],[chromehidden*="toolbar"]) :where(#nav-bar,#PersonalToolbar,#tab-notification-deck,.global-notificationbox){
:root:is([customizing],[chromehidden*="toolbar"]) :where(#nav-bar,#PersonalToolbar,#tab-notification-deck,.global-notificationbox,#notifications-toolbar){
transform: none !important;
opacity: 1 !important;
}

1
chrome/oneline_toolbar.css
View File

@@ -28,6 +28,7 @@ See the above repository for updates as well as full license text. */
#toolbar-menubar,
#PersonalToolbar,
.global-notificationbox,
#notifications-toolbar,
#tab-notification-deck{
grid-column: 1/3;
}

1
chrome/tabs_on_bottom_v2.css
View File

@@ -16,6 +16,7 @@ See the above repository for updates as well as full license text. */
not -moz-pref("sidebar.verticalTabs"){
.global-notificationbox,
#tab-notification-deck,
#notifications-toolbar,
#TabsToolbar{
order: 1;
}

1
chrome/toolbars_below_content_v2.css
View File

@@ -16,6 +16,7 @@ See the above repository for updates as well as full license text. */
#main-window > body > #browser,
.global-notificationbox,
#tab-notification-deck,
#notifications-toolbar,
#toolbar-menubar{
order: -1;
}

3
chrome/vertical_tabs.css
View File

@@ -14,11 +14,13 @@ See the above repository for updates as well as full license text. */
}
#PersonalToolbar,
#tab-notification-deck,
#notifications-toolbar,
.global-notificationbox,
#main-window:not([inDOMFullscreen]) > body > #browser{
margin-left: var(--uc-vertical-tabs-width);
}
#tab-notification-deck,
#notifications-toolbar,
.global-notificationbox{
width: auto !important;
}
@@ -44,6 +46,7 @@ See the above repository for updates as well as full license text. */
@media (-moz-bool-pref: "userchrome.vertical-tabs.on-right.enabled"){
#PersonalToolbar,
#tab-notification-deck,
#notifications-toolbar,
.global-notificationbox,
#main-window:not([inDOMFullscreen]) > body > #browser{
margin-left: 0;