mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-01-26 14:31:51 -08:00
Merge branch 'master' into proton-style
This commit is contained in:
alstjr7375
commit
fdd3d8327d
2 changed files with 107 additions and 53 deletions
|
|
@ -76,7 +76,7 @@
|
|||
|
||||
Linux, mac users:
|
||||
#+BEGIN_SRC
|
||||
bash -c "$(curl -fsSL https://github.com/black7375/Firefox-UI-Fix/wiki/Installation-Guide)"
|
||||
bash -c "$(curl -fsSL https://raw.githubusercontent.com/black7375/Firefox-UI-Fix/master/install.sh"
|
||||
#+END_SRC
|
||||
|
||||
*Menual Inatallation*
|
||||
|
|
|
|||
158
userChrome.css
158
userChrome.css
|
|
@ -66,7 +66,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
/** Root - Reduce Padding ***************************************************/
|
||||
/** Reduce Padding **********************************************************/
|
||||
/*= Root - Reduce Padding ==================================================*/
|
||||
:root {
|
||||
/* Tab Bar */
|
||||
--inline-tab-padding: 6px !important; /* Original: 8px */
|
||||
|
|
@ -96,7 +97,7 @@
|
|||
--arrowpanel-menuitem-padding: 8px !important; /* Original: 8px */
|
||||
}
|
||||
|
||||
/** Tab Bar - Reduce Width, Show more tabs **********************************/
|
||||
/*= Tab Bar - Reduce Width, Show more tabs =================================*/
|
||||
.titlebar-spacer[type="pre-tabs"] {
|
||||
width: 30px !important; /* Original: 40px */
|
||||
}
|
||||
|
|
@ -153,7 +154,7 @@
|
|||
margin-inline-end: -.5px !important;
|
||||
}
|
||||
|
||||
/** Tab Bar - Reduce Height, Show more contents *****************************/
|
||||
/*= Tab Bar - Reduce Height, Show more contents ============================*/
|
||||
/* Toolbar Height */
|
||||
:root:not([uidensity=touch]) #TabsToolbar {
|
||||
--toolbarbutton-inner-padding: 9px; /* Original: calc((var(--tab-min-height) - 16px) / 2) = 10px */
|
||||
|
|
@ -202,6 +203,108 @@
|
|||
background-position-y: bottom calc(.5px + var(--tabs-navbar-shadow-size)) !important;
|
||||
}
|
||||
|
||||
/*= URL Bar - Reduce Padding ===============================================*/
|
||||
:root:not([uidensity=touch]) #urlbar-container, #search-container {
|
||||
padding-block: 2px; /* Original: 4px */
|
||||
margin-inline: 5px; /* Original: 5px */
|
||||
}
|
||||
|
||||
/* spread menu */
|
||||
:root[uidensity=compact] .urlbarView-row:not([type=tip], [type=dynamic]) {
|
||||
padding-block: 1px; /* [Compact, General]: 2px, Touch: 11px */
|
||||
}
|
||||
:root[uidensity=compact] #urlbar .search-one-offs:not([hidden]) {
|
||||
padding-block: 2px; /* [Compact, General]: 4px, Touch 11px */
|
||||
}
|
||||
|
||||
/*= BookMark Bar - Reduce Height ===========================================*/
|
||||
:root[uidensity=compact] #PersonalToolbar toolbarbutton {
|
||||
margin-top: 0px; /* Original: 2px */
|
||||
}
|
||||
|
||||
/*= Menu - Reduce Padding ==================================================*/
|
||||
:root {
|
||||
--menu-padding: 0.35em;
|
||||
}
|
||||
:root[uidensity=compact] {
|
||||
--menu-padding: 0.25em;
|
||||
}
|
||||
:root[uidensity=touch] {
|
||||
--menu-padding: 0.5em;
|
||||
}
|
||||
menupopup > menuitem, menupopup > menu {
|
||||
/* Original: 0.5em */
|
||||
padding-block: var(--menu-padding) !important;
|
||||
}
|
||||
|
||||
@supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
|
||||
:root:not([uidensity=touch]) .menu-text, .menu-iconic-text {
|
||||
padding-inline-end: 0 !important; /* Original: 2px */
|
||||
}
|
||||
:root:not([uidensity=touch]) .menupopup-arrowscrollbox {
|
||||
padding-block: 1px !important; /* Original: 4px*/
|
||||
}
|
||||
:root:not([uidensity=touch]) #context-navigation:not([hidden]) {
|
||||
padding: 0 0 1px !important; /* Original: 0 0 4px*/
|
||||
}
|
||||
:root:not([uidensity=touch]) .menu-right {
|
||||
margin-right: 6px !important; /* Original: 12px */
|
||||
}
|
||||
}
|
||||
|
||||
/** Poup Panel - Reduce padding**********************************************/
|
||||
#protections-popup-main-header-label {
|
||||
height: unset !important; /* Original: 37.6px */
|
||||
}
|
||||
|
||||
#identity-popup,
|
||||
#permission-popup,
|
||||
#protections-popup {
|
||||
--vertical-section-padding: 0.8em; /* Original: 0.9em */
|
||||
}
|
||||
|
||||
.protections-popup-footer-button,
|
||||
.protections-popup-category {
|
||||
min-height: 24px; /* Original: 32px */
|
||||
height: unset !important;
|
||||
}
|
||||
|
||||
/** Popup panel - Compact mode */
|
||||
/* Footer Button Height */
|
||||
:root[uidensity=compact] .panel-footer.panel-footer-menulike > button {
|
||||
padding: 3px 8px !important;
|
||||
}
|
||||
/* Footer Button Height */
|
||||
:root[uidensity=compact] #protections-popup-trackersView-settings-button {
|
||||
margin: 4px 8px 0 !important;
|
||||
}
|
||||
/* not cut off for Protection popup Footer on windows */
|
||||
:root[uidensity=compact] #protections-popup-multiView #protections-popup-footer {
|
||||
padding: 3px 0 20px !important;
|
||||
}
|
||||
/* Button and disabed category in Protection popup */
|
||||
:root[uidensity=compact] #protections-popup-multiView .protections-popup-footer-button,
|
||||
:root[uidensity=compact] #protections-popup-multiView .protections-popup-category {
|
||||
height: 20px !important;
|
||||
min-height: 20px !important;
|
||||
}
|
||||
/* Footer Button in Tracking Content Panel */
|
||||
:root[uidensity=compact] #protections-popup-multiView .panel-footer.panel-footer-menulike {
|
||||
margin: 0 0 3px !important;
|
||||
}
|
||||
/* Identity popup header padding */
|
||||
:root[uidensity=compact] #identity-popup-multiView #identity-popup-mainView-panel-header {
|
||||
padding: 2px 5px !important;
|
||||
}
|
||||
/* Text When There is no trackers */
|
||||
:root[uidensity=compact] #protections-popup-no-trackers-found-description {
|
||||
margin: 2em 4em !important;
|
||||
}
|
||||
/* Download Item margin */
|
||||
:root[uidensity=compact] #downloadsListBox {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/** Multi Selected Color - More Contrast ************************************/
|
||||
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected]:not([selected]):-moz-lwtheme {
|
||||
background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)),
|
||||
|
|
@ -465,55 +568,6 @@
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
/** URL Bar - Reduce Padding ************************************************/
|
||||
:root:not([uidensity=touch]) #urlbar-container, #search-container {
|
||||
padding-block: 2px; /* Original: 4px */
|
||||
margin-inline: 5px; /* Original: 5px */
|
||||
}
|
||||
|
||||
/* spread menu */
|
||||
:root[uidensity=compact] .urlbarView-row:not([type=tip], [type=dynamic]) {
|
||||
padding-block: 1px; /* [Compact, General]: 2px, Touch: 11px */
|
||||
}
|
||||
:root[uidensity=compact] #urlbar .search-one-offs:not([hidden]) {
|
||||
padding-block: 2px; /* [Compact, General]: 4px, Touch 11px */
|
||||
}
|
||||
|
||||
/** BookMark Bar - Reduce Height ********************************************/
|
||||
:root[uidensity=compact] #PersonalToolbar toolbarbutton {
|
||||
margin-top: 0px; /* Original: 2px */
|
||||
}
|
||||
|
||||
/** Menu - Reduce Padding ***************************************************/
|
||||
:root {
|
||||
--menu-padding: 0.35em;
|
||||
}
|
||||
:root[uidensity=compact] {
|
||||
--menu-padding: 0.25em;
|
||||
}
|
||||
:root[uidensity=touch] {
|
||||
--menu-padding: 0.5em;
|
||||
}
|
||||
menupopup > menuitem, menupopup > menu {
|
||||
/* Original: 0.5em */
|
||||
padding-block: var(--menu-padding) !important;
|
||||
}
|
||||
|
||||
@supports not -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
|
||||
:root:not([uidensity=touch]) .menu-text, .menu-iconic-text {
|
||||
padding-inline-end: 0 !important; /* Original: 2px */
|
||||
}
|
||||
:root:not([uidensity=touch]) .menupopup-arrowscrollbox {
|
||||
padding-block: 1px !important; /* Original: 4px*/
|
||||
}
|
||||
:root:not([uidensity=touch]) #context-navigation:not([hidden]) {
|
||||
padding: 0 0 1px !important; /* Original: 0 0 4px*/
|
||||
}
|
||||
:root:not([uidensity=touch]) .menu-right {
|
||||
margin-right: 6px !important; /* Original: 12px */
|
||||
}
|
||||
}
|
||||
|
||||
/** Panel - Icons ***********************************************************/
|
||||
/*= Padding ================================================================*/
|
||||
:root {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue