mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2025-12-31 22:40:55 -08:00
Merge pull request #112 from SimYunSup/SimYunSup-patch-3
Fix: Popup Panel - Fix panel on compact mode #101
This commit is contained in:
MS_Y
GitHub
commit
220d4c59ca
1 changed files with 107 additions and 52 deletions
159
userChrome.css
159
userChrome.css
|
|
@ -66,7 +66,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
/** Root - Reduce Padding ***************************************************/
|
||||
/** Reduce Padding **********************************************************/
|
||||
/*= Root - Reduce Padding ==================================================*/
|
||||
:root {
|
||||
/* Tab Bar */
|
||||
--proton-tab-block-margin: 2px !important; /* Original: 4px */
|
||||
|
|
@ -98,7 +99,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 */
|
||||
}
|
||||
|
|
@ -155,7 +156,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 */
|
||||
|
|
@ -207,6 +208,109 @@
|
|||
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;
|
||||
}
|
||||
|
||||
|
||||
/** Tab Bar - Connect to window *********************************************/
|
||||
.tab-background {
|
||||
border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important;
|
||||
|
|
@ -578,55 +682,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