Add #notifications-toolbar as selector where notifications are styled

chrome/autohide_bookmarks_and_main_toolbars.css

@@ -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{

chrome/autohide_main_toolbar.css

@@ -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;
 }

chrome/oneline_toolbar.css

@@ -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;
   }

chrome/tabs_on_bottom_v2.css

@@ -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;
   }

chrome/toolbars_below_content_v2.css

@@ -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;
 }

chrome/vertical_tabs.css

@@ -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;