dotfiles

commit 6fd382e6aee5f3f4e72f0788f6df4a419a46999f
parent 37f3af392b55d20841ebf94d14dc3bced94b4e85
Author: Matsuda Kenji <info@mtkn.jp>
Date:   Tue, 24 Dec 2024 08:33:27 +0900

userChrome

Diffstat:
M
firefox/userChrome.css
 | 
51
++++++++++++++++++++++++---------------------------

1 file changed, 24 insertions(+), 27 deletions(-)
diff --git a/firefox/userChrome.css b/firefox/userChrome.css
@@ -1,35 +1,32 @@
 /* chrome://browser/content/browser.xhtml */
-#navigator-toolbox {
-	display: flex;
-	flex-direction: row;
-}
+
+/*
+* this theme is a modified version of Jarnot Maciej's essence theme:
+* https://github.com/JarnotMaciej/Essence
+*
+* modified by yari :3
+* woof woof woof arf awwwruffff etc etc etc.
+*
+*/
 
 #navigator-toolbox * {
-	font-size: 12px !important;
-	max-height: 24px !important;
-	padding: 0 !important;
-	margin: 0 !important;
+	font-size: 12px;
 }
 
-#toolbar-menubar {
-	flex: 0;
-}
+/* Navbar size calc */
+:root{
+--3tab-border-radius: 6px !important; /*  Tab border radius -- Changes the tabs rounding  *//*  Default: 6px  */
+--NavbarWidth: 43; /*  Default values: 36 - 43  */
+--TabsHeight: 36; /*  Minimum: 30  *//*  Default: 36  */
+--TabsBorder: 8; /*  Doesnt do anything on small layout  *//*  Default: 8  */
+--NavbarHeightSmall: calc(var(--TabsHeight) + var(--TabsBorder))  /*  Only on small layout  *//*  Default: calc(var(--TabsHeight) + var(--TabsBorder))  *//*  Default as a number: 44  */}
 
-#firefox-view-button,
-#alltabs-button,
-#save-to-pocket-button,
-#fxa-toolbar-menu-button {
-	display: none;
-}
-	
-#TabsToolbar {
-	flex: 1;
-}
+@media screen and (min-width:1325px)    /*  Only the tabs space will grow from here  */
+{:root #nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px)!important; height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)} #TabsToolbar{margin-left: calc(1325px / 100 * var(--NavbarWidth)) !important} #nav-bar{margin-right: calc(100vw - calc(1325px / 100 * var(--NavbarWidth))) !important; vertical-align: center !important} #urlbar-container{min-width: 0px !important;  flex: auto !important} toolbarspring{display: none !important}}
 
-#nav-bar {
-	flex: 2;
-}
+@media screen and (min-width:950px) and (max-width:1324px)    /*  Both the tabs space and the navbar will grow  */
+{:root #nav-bar{margin-top: calc(var(--TabsHeight) * -1px - var(--TabsBorder) * 1px) !important; height: calc(var(--TabsHeight) * 1px + var(--TabsBorder) * 1px)} #TabsToolbar{margin-left: calc(var(--NavbarWidth) * 1vw) !important} #nav-bar{margin-right: calc(100vw - calc(var(--NavbarWidth) * 1vw)) !important; vertical-align: center !important} #urlbar-container{min-width: 0px !important;  flex: auto !important} toolbarspring{display: none !important} #TabsToolbar, #nav-bar{transition: margin-top .25s !important}}
 
-#PersonalToolbar {
-	flex: 0;
-}
+@media screen and (max-width:949px)    /*  The window is not enough wide for a one line layout */
+{:root #nav-bar{padding: 0 5px 0 5px!important; height: calc(var(--NavbarHeightSmall) * 1px) !important} toolbarspring{display: none !important;} #TabsToolbar, #nav-bar{transition: margin-top .25s !important}}
+#nav-bar, #PersonalToolbar{background-color: #0000 !important;background-image: none !important; box-shadow: none !important} #nav-bar{margin-left: 3px;} .tab-background, .tab-stack { min-height: calc(var(--TabsHeight) * 1px) !important}