fixes for work setup

2024-10-08 06:20:39 +02:00
parent ec1513fbf3
commit e96f3340c4
10 changed files with 497 additions and 340 deletions
--- a/home/work/programs/firefox/userChrome.css
+++ b/home/work/programs/firefox/userChrome.css
@ -0,0 +1,88 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbars_below_content.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Moves tabs toolbar, bookmarks toolbar and main toolbar to the bottom of the window, and makes tabs be the bottom-most toolbar */
+
+/* By default, menubar will stay on top with two options to select it's behavior - see below */
+
+@-moz-document url(chrome://browser/content/browser.xhtml){
+  
+  #titlebar{ -moz-appearance: none !important; }
+
+  #navigator-toolbox > div{ display: contents }
+  .global-notificationbox,
+  #mainPopupSet,
+  #browser,
+  #customization-container,
+  #tab-notification-deck{
+    order: -1;
+  }
+
+  /* Remove the next row if you want tabs to be the top-most row */
+  #titlebar{
+    order: 2;
+  } 
+
+  #toolbar-menubar{
+    position: fixed;
+    display: flex;
+    width: 100vw;
+    top: 0px;
+    -moz-window-dragging: drag;
+  }
+  /* Remove bottom border that won't do anything useful when at bottom of the window */
+  #navigator-toolbox{ border-bottom: none !important; }
+
+  #toolbar-menubar > spacer{ flex-grow: 1 }
+
+  #urlbar[breakout][breakout-extend]{
+    display: flex !important;
+    flex-direction: column-reverse;
+    bottom: 0px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */
+    top: auto !important;
+  }
+
+  .urlbarView-body-inner{ border-top-style: none !important; }
+
+  /* Yeah, removes window controls. Likely not wanted on bottom row  */
+  #TabsToolbar > .titlebar-buttonbox-container{ display: none }
+  #toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
+
+  /* Fix panels sizing */
+  .panel-viewstack{ max-height: unset !important; }
+
+  /* Fullscreen mode support */
+  :root[sizemode="fullscreen"] #navigator-toolbox{ margin-top: 0 !important }
+  :root[sizemode="fullscreen"] #navigator-toolbox[style*="margin-top"]{ visibility: collapse }
+  #fullscr-toggler{ bottom: 0; top: unset !important; }
+  
+  /* These three rules exist for compatibility with autohide_toolbox.css */
+  #navigator-toolbox{ bottom: 0px; transform-origin: bottom }
+  #main-window > body > box{ margin-top: 0 !important; }
+  #toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black); }
+  
+  :root[BookmarksToolbarOverlapsBrowser] #navigator-toolbox{
+    margin-block: calc(-1 * var(--bookmarks-toolbar-height)) 0 !important;
+  }
+  :root[BookmarksToolbarOverlapsBrowser] .newTabBrowserPanel{
+    padding-block: 0 var(--bookmarks-toolbar-height) !important;
+  }
+  
+  /**************
+  Menubar options - By default, menubar is overlayed on top of web-content
+  ***************/
+
+ /* Uncomment the following if you want static menubar on top of the window (make menubar enabled)
+  * Use when menubar is enabled to always show it */
+  
+  /*
+  #browser,#customization-container{ padding-top: var(--uc-menubar-spacer,28px) }
+  */
+  
+  /* OR, uncomment the following if you want menubar to appear below content, above tabs toolbar */
+  
+  #toolbar-menubar{ position: static; display: flex; margin-top: 0px !important; background-color: transparent }
+
+  /* set to "column-reverse" (without quotes) if you want tabs above menubar with the above option */
+  #titlebar{ flex-direction: column }
+}