fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2025-11-03 20:15:56 +00:00
Code Issues Projects Releases Packages Wiki Activity

bunch of fixes for proton compatibility

Browse source
This commit is contained in:
MrOtherGuy 2021-05-08 14:54:52 +03:00
parent b82eafb47f
commit 6556b1d525
8 changed files with 33 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

10
chrome/autohide_bookmarks_and_main_toolbars.css
View file

@ -11,6 +11,16 @@ See the above repository for updates as well as full license text. */
:root[uidensity="compact"] #navigator-toolbox{ --uc-bm-padding: 1px; --uc-navbar-height: -32px }
:root[uidensity="touch"] #navigator-toolbox{ --uc-bm-padding: 6px }
@media (-moz-proton){
#navigator-toolbox{
--uc-bm-height: 26px; /* Might need to adjust if the toolbar has other buttons */
}
:root[uidensity="compact"] #navigator-toolbox{
--uc-navbar-height: -34px;
--uc-bm-height: 23px;
}
}
:root[sessionrestored] #nav-bar,
:root[sessionrestored] #PersonalToolbar{
transform: rotateX(90deg);

4
chrome/button_effect_scale_onclick.css
View file

@ -3,8 +3,6 @@ See the above repository for updates as well as full license text. */
/* Effect */
:root:not([uidensity="compact"],[proton]) #back-button{ --uc-back-extra-padding: 2px }
.toolbarbutton-icon,
.menuitem-iconic .menu-iconic-icon{
transition: transform 83ms linear !important;
@ -25,7 +23,7 @@ toolbarbutton#scrollbutton-down:active > .toolbarbutton-icon{ transform: scale(-
toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{
padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important;
padding: calc(var(--toolbarbutton-inner-padding) + 3px) !important;
}
#page-action-buttons .urlbar-icon:active{ padding: calc(var(--urlbar-icon-padding) + 3px) !important; }

6
chrome/button_effect_scale_onhover.css
View file

@ -3,8 +3,6 @@ See the above repository for updates as well as full license text. */
/* Effect */
:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px }
.toolbarbutton-icon,
.menuitem-iconic .menu-iconic-icon{
transition: transform 83ms linear !important;
@ -23,7 +21,7 @@ toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
toolbarbutton#scrollbutton-down > .toolbarbutton-icon{ transform: scale(-0.8) !important; }
toolbar .toolbarbutton-1 > .toolbarbutton-icon{
padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 2px) !important;
padding: calc(var(--toolbarbutton-inner-padding) + 2px) !important;
}
#page-action-buttons .urlbar-icon:not(:hover){ padding: calc(var(--urlbar-icon-padding) + 2px) !important; }
@ -37,5 +35,5 @@ toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .t
toolbarbutton#scrollbutton-down:not([disabled]):hover > .toolbarbutton-icon{transform: scale(-1) !important;}
toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon{
padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px)) !important;
padding: var(--toolbarbutton-inner-padding) !important;
}

4
chrome/compact_urlbar_megabar.css
View file

@ -9,11 +9,11 @@ See the above repository for updates as well as full license text. */
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
}
#urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; }
.urlbar-icon{ height: calc(var(--urlbar-min-height) - 2px) !important; }
.urlbarView{ margin-inline: 0 !important; width: auto !important; }
.urlbarView-row{ padding: 0 2px !important; }
.urlbarView-row-inner{ padding-inline-start: 4px !important; }
#urlbar-background{ animation: none !important; }
#urlbar-input-container{ padding: 0 !important; height: 100% !important; }
#identity-icon{ margin-block: var(--urlbar-icon-padding) }
.urlbarView > .search-one-offs:not([hidden]){ padding-block: 0px !important; }
.urlbarView > .search-one-offs:not([hidden]){ padding-block: 0px !important; }
@media (-moz-proton){ #urlbar-input-container{ padding: 1px !important; } }

2
chrome/hide_tabs_with_one_tab.css
View file

@ -29,7 +29,7 @@ See the above repository for updates as well as full license text. */
}
.accessibility-indicator > hbox{ padding-block: 0 !important }
#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) }
#tabbrowser-tabs .tabbrowser-tab{ height: calc(var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px)) }
#tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{
visibility: collapse !important;

4
chrome/overlay_menubar.css
View file

@ -20,7 +20,7 @@ See the above repository for updates as well as full license text. */
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ display: none }
#main-menubar{
height: calc(var(--tab-min-height) + 3px);
height: calc(var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px));
background-color: var(--arrowpanel-background);
color: var(--arrowpanel-color);
}
@ -30,7 +30,7 @@ See the above repository for updates as well as full license text. */
content: "";
display: -moz-box;
width: 30px;
height: calc(var(--tab-min-height) + 3px);
height: calc(var(--tab-min-height) + 2 * var(--proton-tab-block-margin,0px));
background-image: linear-gradient(to right, var(--arrowpanel-background) 30%, transparent);
}

23
chrome/tab_line_loading_indicator.css
View file

@ -4,23 +4,24 @@ See the above repository for updates as well as full license text. */
/* Hide the normal loading indicator (just show tab-icon instead) and make the top tab-line bounce left-to-right */
@keyframes tabline-anim{from{background-position-x: left}to{background-position-x: right}}
.tab-line{
transform: none !important;
background-color: transparent !important;
.tabbrowser-tab[busy] > stack > .tab-background::before,
.tab-background[selected]::before{
content: "";
display: -moz-box;
height: 2px;
opacity: 0;
background-image: linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2));
background-repeat: no-repeat !important;
background-repeat: no-repeat;
background-size: 100%;
transition: background-size 80ms linear !important;
transition: background-size 80ms linear;
}
.tabbrowser-tab[busy] > stack > .tab-background > .tab-line{
background-size: 10% !important;
.tabbrowser-tab[busy] > stack > .tab-background::before{
background-size: 10%;
background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color));
opacity: 0.7 !important;
opacity: 0.7;
animation: tabline-anim 400ms alternate infinite ease-in-out;
}
.tab-line[selected]{ background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color)); opacity: 1 !important; }
.tabbrowser-tab .tab-throbber{ display: none }
.tabbrowser-tab .tab-icon-image{ display: -moz-box !important; }
.tabbrowser-tab .tab-icon-image{ display: -moz-box !important; }

5
chrome/vertical_context_navigation_v2.css
View file

@ -10,7 +10,8 @@ See the above repository for updates as well as full license text. */
#context-reload,#context-stop{ transform: translate(-80px, 80px) }
#context-bookmarkpage{ transform: translate(-120px,120px) }
#context-navigation:not([hidden])~*{ margin-left: 20px; }
#context-navigation:not([hidden])~*{ margin-left: 32px; }
#context-sep-navigation{ display: none }
#context-navigation{ margin-bottom: -34px; }
#context-sep-navigation:not([hidden]) ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) }
#context-sep-navigation:not([hidden]) ~ *:not(.menuitem-iconic){ clip-path: polygon(0.8em 0%, 100% 0%,100% 100%,0.8em 100%); }
#context-sep-navigation:not([hidden]) ~ menuseparator{ margin-left: 30px !important; }