matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(custom-css): make use of scss
All checks were successful
Discord / discord commits (push) Has been skipped
Details

Browse source
This commit is contained in:
matt1432 2024-12-10 17:01:30 -05:00
parent b402f01d49
commit fd5aeccbdb
1 changed files with 30 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
homeManagerModules/firefox/custom-css/style.scss
View file

@ -1,48 +1,52 @@
// Global Vars
:root * { :root * {
--tab-height-personal: 40px !important; --tab-height-personal: 40px !important;
--uc-tab-corner-height: 41px !important; --uc-tab-corner-height: 41px !important;
--uc-vertical-toolbar-width: 46px !important; --uc-vertical-toolbar-width: 46px !important;
} }
/* Main Menu outline */ #appMenu-mainView {
#appMenu-mainView .panel-subview-body {
outline: 2px solid var(--button-background-color-primary); // Main Menu outline
.panel-subview-body {
outline: 2px solid var(--button-background-color-primary);
}
// Makes main menu rows all the same height
.subviewbutton {
min-height: 40px !important;
}
} }
/* Hide unused menu rows */ // Hide unused menu rows
#appMenu-mainView .browser-toolbar>* #alltabs-button, #appMenu-mainView .browser-toolbar>* #alltabs-button,
#appMenu-fxa-status2, #appMenu-fxa-status2,
#appMenu-fxa-separator { #appMenu-fxa-separator {
display: none !important; display: none !important;
} }
/* Makes main menu rows all the same height */
#appMenu-mainView .subviewbutton {
min-height: 40px !important;
}
/* Fix url font-size */ // Fix url font-size
#urlbar-input { #urlbar-input {
font-size: large !important; font-size: large !important;
} }
/* Extension padding on sidebar */ // Extension padding on sidebar
toolbar .toolbarbutton-1>.toolbarbutton-badge-stack { toolbar .toolbarbutton-1>.toolbarbutton-badge-stack {
padding: 10px !important; padding: 10px !important;
} }
/* Hamnburger button border */ // Hamnburger button border
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button[open] { :root:not([chromehidden~="toolbar"]) #PanelUI-menu-button[open] {
border: 2px solid var(--button-background-color-primary) !important; border: 2px solid var(--button-background-color-primary) !important;
border-top-left-radius: $rounding !important; border-top-left-radius: $rounding !important;
&>.toolbarbutton-badge-stack {
border-top-left-radius: $rounding !important;
}
} }
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button[open]>.toolbarbutton-badge-stack { // Fix extension dialog going off screen
border-top-left-radius: $rounding !important;
}
/* Fix extension dialog going off screen */
#appMenu-addon-installed-notification, #appMenu-addon-installed-notification,
#notification-popup { #notification-popup {
margin-top: -1px !important; margin-top: -1px !important;
@ -53,15 +57,18 @@ toolbar .toolbarbutton-1>.toolbarbutton-badge-stack {
margin-top: -1px !important; margin-top: -1px !important;
} }
#PersonalToolbar .toolbarbutton-1 { #PersonalToolbar {
margin-block: 0px !important; .toolbarbutton-1 {
margin-block: 0px !important;
}
#PlacesToolbarItems>.bookmark-item {
margin-block: 6px !important;
}
} }
#PersonalToolbar #PlacesToolbarItems>.bookmark-item { /* ------------------------- Tricks ------------------------------------- */
margin-block: 6px !important;
}
/* -------------------------------------------------------------- */
/* https://github.com/Godiesc/firefox-gx/blob/main/Tricks/README.md */ /* https://github.com/Godiesc/firefox-gx/blob/main/Tricks/README.md */
/* Extensions button into the "left-sidebar" - Immovable */ /* Extensions button into the "left-sidebar" - Immovable */
:root:not([chromehidden~="toolbar"], :root:not([chromehidden~="toolbar"],