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

fix(firefix-gx): update all personal changes
All checks were successful
Discord / discord commits (push) Has been skipped
Details

Browse source
This commit is contained in:
matt1432 2024-12-10 16:18:10 -05:00
parent 7e4a8ca0db
commit 48444047f1
1 changed files with 45 additions and 87 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

132
homeManagerModules/firefox/custom-css.nix
View file

@ -1,18 +1,27 @@
rounding:
# css
''
: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 {
outline: 2px solid var(--button-background-color-primary);
}
/* Hide unused menu rows */
.browser-toolbar>* #alltabs-button,
#appMenu-mainView .browser-toolbar > * #alltabs-button,
#appMenu-fxa-status2,
#appMenu-fxa-separator {
display: none !important;
}
:root * {
--margin-left-icons-personal: 3px !important;
--tab-height-personal: 40px !important;
--uc-tab-corner-height: 41px !important;
--uc-vertical-toolbar-width: 46px !important;
/* Makes main menu rows all the same height */
#appMenu-mainView .subviewbutton {
min-height: 40px !important;
}
/* Fix url font-size */
@ -20,11 +29,37 @@ rounding:
font-size: large !important;
}
/* Fix left side of tabs going past what it should */
scrollbox {
margin-left: 5px;
/* Extension padding on sidebar */
toolbar .toolbarbutton-1>.toolbarbutton-badge-stack {
padding: 10px !important;
}
/* Hamnburger button border */
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button[open] {
border: 2px solid var(--button-background-color-primary) !important;
border-top-left-radius: ${toString rounding}px !important;
}
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button[open] > .toolbarbutton-badge-stack {
border-top-left-radius: ${toString rounding}px !important;
}
/* Fix extension dialog going off screen */
#appMenu-addon-installed-notification,
#notification-popup {
margin-top: -1px !important;
margin-inline: -505px !important;
}
#customizationui-widget-panel {
margin-top: -1px !important;
}
#PersonalToolbar .toolbarbutton-1 {
margin-block: 0px !important;
}
#PersonalToolbar #PlacesToolbarItems > .bookmark-item {
margin-block: 6px !important;
}
/* -------------------------------------------------------------- */
/* https://github.com/Godiesc/firefox-gx/blob/main/Tricks/README.md */
/* Extensions button into the "left-sidebar" - Immovable */
:root:not([chromehidden~="toolbar"],
@ -38,7 +73,7 @@ rounding:
position: fixed;
display: flex;
top: 42px !important;
left: 1px !important;
left: 3px !important;
z-index: 2 !important;
fill: var(--general-color) !important;
width: calc(var(--uc-vertical-toolbar-width) - 4px) !important;
@ -55,81 +90,4 @@ rounding:
transform: scale(1.12) !important;
transition-duration: 0ms !important;
}
/* Fix extension dialog going off screen */
#appMenu-addon-installed-notification,
#notification-popup {
margin-top: -1px !important;
margin-inline: -505px !important;
}
#customizationui-widget-panel {
margin-top: -1px !important;
}
#PersonalToolbar .toolbarbutton-1 {
margin-block: 0px !important;
}
#PersonalToolbar #PlacesToolbarItems>.bookmark-item {
margin-block: 6px !important;
}
/* -------------------------------------------------------------- */
/* Fix menu */
:root:not([chromehidden~="toolbar"],
[sizemode="fullscreen"]) #PanelUI-menu-button,
:root[sizemode="maximized"] #appMenu-popup,
:root[sizemode="maximized"] #appMenu-popup {
--tab-height-personal: unset !important;
}
:root:not([chromehidden~="toolbar"])[sizemode="maximized"] #appMenu-popup>panelmultiview>box>box>panelview {
padding-top: unset !important;
}
/* Hamburger menu width */
:root:not([chromehidden~="toolbar"],
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button .toolbarbutton-badge-stack,
[sizemode="fullscreen"]):is([sizemode="maximized"]) #PanelUI-menu-button[open]>stack {
min-width: 46px !important;
}
toolbar .toolbarbutton-1>.toolbarbutton-badge-stack {
padding: 10px !important;
}
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button[open]>.toolbarbutton-badge-stack {
width: unset !important;
border-top-left-radius: ${toString rounding}px !important;
}
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button>stack {
display: unset;
align-items: unset !important;
}
/* Remove text and places panel correctly */
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button>stack::after {
width: unset !important;
content: unset;
color: unset !important;
text-shadow: unset !important;
}
:root:not([chromehidden~="toolbar"])[sizemode="maximized"] #appMenu-popup {
appearance: unset !important;
margin-top: -1px !important;
clip-path: unset;
--arrowpanel-menuitem-padding: unset !important;
}
:root:is([sizemode="maximized"]):not([tabsintitlebar],
[chromehidden~="toolbar"]) #appMenu-popup {
margin-top: unset !important;
}
.subviewbutton {
min-height: 40px !important;
}
''