improve proton compatibility

This commit is contained in:
MrOtherGuy 2021-04-23 11:27:54 +03:00
parent a115193aaa
commit 8d4b1392f2
4 changed files with 33 additions and 9 deletions

View file

@ -15,7 +15,10 @@ urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of
#navigator-toolbox{
--uc-navigationbar-width: 40vw;
--uc-toolbar-height: 40px;
--uc-urlbar-min-width: none; /* Can set minimum width for focused urlbar here eg. 550px */
--uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */
}
@media (-moz-proton){
#scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; }
}
/* Override for other densities */
:root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 34px; }
@ -23,7 +26,7 @@ urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of
/* prevent urlbar overflow on narrow windows */
/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */
@media screen and (max-width: 1400px){
@media screen and (max-width: 1500px){
#urlbar-container{ min-width:unset !important }
}
@ -56,10 +59,12 @@ urlbar_popup_full_width.css is VERY MUCH recommended for Firefox 71+ because of
/* 1px margin on touch density causes tabs to be too high */
.tab-close-button{ margin-top: 0 !important }
/* Make opened urlbar overlay the toolbar */
#urlbar[open]:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; }
/* Hide dropdown placeholder */
#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; }
/* Fix customization view */
#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }
#urlbar:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; }

View file

@ -16,6 +16,9 @@ Window controls will be all wrong without it
--uc-navigationbar-width: 50vw;
--uc-toolbar-height: 40px;
}
@media (-moz-proton){
#scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; }
}
/* reserved space for overflow + menu buttons */
#navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))}
#nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) }

View file

@ -13,8 +13,12 @@ Window controls will be all wrong without it
/* Modify these to change relative widths or default height */
#navigator-toolbox{
--uc-navigationbar-width: 40vw;
--uc-navigationbar-width: 45vw;
--uc-toolbar-height: 40px;
--uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */
}
@media (-moz-proton){
#scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; }
}
/* Override for other densities */
:root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 34px;}
@ -56,7 +60,6 @@ Window controls will be all wrong without it
}
#tabbrowser-tabs,
.tabbrowser-tab[pinned]{
height: var(--tab-min-height) !important;
min-height: var(--tab-min-height) !important;
}
#nav-bar{
@ -80,7 +83,15 @@ Window controls will be all wrong without it
/* 1px margin on touch density causes tabs to be too high */
.tab-close-button{ margin-top: 0 !important }
/* Make opened urlbar overlay the toolbar */
#urlbar[open]:focus-within{
min-width: var(--uc-urlbar-min-width,none) !important;
right: 0 !important;
left: auto !important;
}
/* Hide dropdown placeholder */
#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; }
/* Fix customization view */
#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }

View file

@ -18,11 +18,14 @@ See the above repository for updates as well as full license text. */
#navigator-toolbox{
--uc-navigationbar-width: 40vw;
--uc-toolbar-height: 40px;
--uc-urlbar-min-width: none; /* Can set minimum width for focused urlbar here eg. 550px */
--uc-urlbar-min-width: 50vw; /* minimum width for opened urlbar */
}
@media (-moz-proton){
#scrollbutton-up,#scrollbutton-down{ border-block-width: 2px !important; }
}
/* prevent urlbar overflow on narrow windows */
/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */
@media screen and (max-width: 1400px){
@media screen and (max-width: 1500px){
#urlbar-container{ min-width:unset !important }
}
@ -58,10 +61,12 @@ See the above repository for updates as well as full license text. */
/* 1px margin on touch density causes tabs to be too high */
.tab-close-button{ margin-top: 0 !important }
/* Make opened urlbar overlay the toolbar */
#urlbar[open]:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; }
/* Hide dropdown placeholder */
#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; }
#urlbar:focus-within{ min-width: var(--uc-urlbar-min-width,none) !important; }
}
/* Fix customization view */
#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }