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

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

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