This commit is contained in:
parent
696c2deebf
commit
92d7df0f11
10 changed files with 61 additions and 306 deletions
homeManagerModules/firefox/custom-css
|
@ -1,22 +1,17 @@
|
|||
{
|
||||
stdenv,
|
||||
dart-sass,
|
||||
firefox-gx,
|
||||
rounding,
|
||||
...
|
||||
}:
|
||||
stdenv.mkDerivation {
|
||||
pname = "custom-css";
|
||||
inherit (firefox-gx) version;
|
||||
version = "0.0.0";
|
||||
|
||||
src = ./.;
|
||||
|
||||
nativeBuildInputs = [dart-sass];
|
||||
|
||||
buildPhase = ''
|
||||
substituteInPlace ./style.scss --replace-fail \
|
||||
'$rounding' '${toString rounding}px'
|
||||
|
||||
sass ./style.scss ./style.css
|
||||
'';
|
||||
|
||||
|
|
|
@ -1,112 +1,6 @@
|
|||
// Global Vars
|
||||
:root * {
|
||||
--tab-height-personal: 43px !important;
|
||||
--uc-tab-corner-height: 41px !important;
|
||||
--my-vertical-toolbar-width: 46px !important;
|
||||
--uc-margin-left-right: -1px !important; // Fix left tab margin on desktop
|
||||
}
|
||||
|
||||
// Put main menu under logo
|
||||
#appMenu-popup {
|
||||
--my-menu-button-height: 0 !important;
|
||||
}
|
||||
|
||||
#appMenu-mainView {
|
||||
|
||||
// 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
|
||||
#appMenu-mainView .browser-toolbar>* #alltabs-button,
|
||||
#appMenu-fxa-status2,
|
||||
#appMenu-fxa-separator {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
// Extension padding on sidebar
|
||||
toolbar .toolbarbutton-1>.toolbarbutton-badge-stack {
|
||||
padding: 10px !important;
|
||||
}
|
||||
|
||||
// Hamburger button style
|
||||
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button[open] {
|
||||
&>.toolbarbutton-badge-stack {
|
||||
border-top-left-radius: $rounding !important;
|
||||
--my-menu-button-width: calc(var(--my-menu-button-height) + 4px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Hide "Menu" label
|
||||
:root:not([chromehidden~="toolbar"]) #PanelUI-menu-button>.toolbarbutton-badge-stack {
|
||||
.toolbarbutton-icon {
|
||||
margin-right: 4px;
|
||||
margin-left: 2px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
// 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;
|
||||
}
|
||||
|
||||
#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"],
|
||||
[sizemode="fullscreen"]) #PersonalToolbar {
|
||||
--padding-top-left-sidebar: 75px !important;
|
||||
/* 182px to one-line config */
|
||||
}
|
||||
|
||||
:root:not([chromehidden~="toolbar"],
|
||||
[sizemode="fullscreen"]) #unified-extensions-button {
|
||||
--toolbarbutton-hover-background: transparent !important;
|
||||
--toolbarbutton-active-background: transparent !important;
|
||||
position: fixed;
|
||||
display: flex;
|
||||
top: 42px !important;
|
||||
left: 3px !important;
|
||||
z-index: 2 !important;
|
||||
fill: var(--general-color) !important;
|
||||
width: calc(var(--uc-vertical-toolbar-width) - 4px) !important;
|
||||
}
|
||||
|
||||
:root:not([chromehidden~="toolbar"],
|
||||
:root:not([chromehidden~="toolbar"],
|
||||
[sizemode="fullscreen"]) #unified-extensions-button:hover,
|
||||
[sizemode="fullscreen"]) #unified-extensions-button[open] {
|
||||
transform: scale(1.24) !important;
|
||||
transition: ease-in-out !important;
|
||||
}
|
||||
|
||||
:root:not([chromehidden~="toolbar"],
|
||||
[sizemode="fullscreen"]) #unified-extensions-button:active {
|
||||
transform: scale(1.12) !important;
|
||||
transition-duration: 0ms !important;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue