pmOS-tweaks/mobile-config-firefox
1
0
Fork 0
forked from fliegerjohn/mobile-config-firefox
Code Pull requests Activity

initial commit

Browse source
This commit is contained in:
MrOtherGuy 2018-10-21 18:44:14 +03:00
commit 15cb67cf2c
12 changed files with 864 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
chrome/menubar_in_toolbar.css Normal file
View file

@ -0,0 +1,7 @@
#toolbar-menubar:not([inactive]) ~ #TabsToolbar{
margin-left:300px !important;
margin-top: -26px !important;
}
:root[sizemode="maximized"] #toolbar-menubar:not([inactive]) ~ #TabsToolbar{
margin-top: -28px !important;
}

11
chrome/menubar_in_toolbar_oneliner_compatible.css Normal file
View file

@ -0,0 +1,11 @@
/* Use with navbar_tabs_oneliner.css */
#toolbar-menubar:not([inactive]) ~ #TabsToolbar{
margin-left:calc(var(--uc-navigationbar-width) + 300px ) !important;
margin-top: calc(0px - var(--uc-toolbar-height)) !important;
padding-left: 0px !important;
}
#toolbar-menubar:not([inactive]){
margin-left: var(--uc-navigationbar-width);
height: var(--uc-toolbar-height);
}

16
chrome/navbar_tabs_oneliner.css Normal file
View file

@ -0,0 +1,16 @@
/* Modify these to change relative widths or default hegiht */
#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; }
/* Override for other densities */
:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; }
:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; }
#TabsToolbar{ margin-left: var(--uc-navigationbar-width); }
#tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; }
/* This isn't useful when tabs start in the middle of the window */
.titlebar-placeholder[type="pre-tabs"]{ display: none }
#nav-bar{margin-right:calc(100vw - var(--uc-navigationbar-width));
margin-top: calc(0px - var(--uc-toolbar-height))
}
/* 1px margin on touch density causes tabs to be too high */
.tab-close-button{ margin-top: 0 }
/* prevent urlbar overflow on narrow windows */
#urlbar-container{ min-width:unset }

36
chrome/status_inside_urlbar.css Normal file
View file

@ -0,0 +1,36 @@
/* STATUSPANEL INSIDE URLBAR */
#urlbar .urlbar-input-box{ display: -moz-stack }
#urlbar .urlbar-input-box::after{
z-index: 2;
content: "";
width: 100%;
height: 100%;
display: none;
pointer-events:none;
background: -moz-element(#statuspanel) 0 -11px no-repeat !important;
}
#urlbar .urlbar-input-box::after{
display: -moz-box;
}
#statuspanel{ z-index: -1; }
/* Don't show common values to save space (useful for oneliner) - safe to delete these */
#statuspanel-label[value^="http"]{ margin-left: -5.8ch !important; }
#statuspanel-label[value^="https"]{ margin-left: -6.6ch !important; }
#statuspanel-label[value^="www"]{ margin-left: -5.3ch !important; }
#statuspanel-label[value^="http://www"]{ margin-left: -10.6ch !important; }
#statuspanel-label[value^="https://www"]{ margin-left: -11.3ch !important; }
.searchbar-textbox{ margin: 2px 0 !important; }
#statuspanel-inner > #statuspanel-label{
height:23px;
min-width: 500px;
background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important;
border: none !important;
color: var(--lwt-toolbar-field-color, black) !important;
font-weight: bold !important;
margin-left: -3px
}

44
chrome/tab_loading_progress_throbber.css Normal file
View file

@ -0,0 +1,44 @@
/* Create a circular throbber inside tabs replacing the default one */
/* Doesn't really measure loading progress but sort of looks like it */
#tabbrowser-tabs{ --tab-loader-size: 18px; }
.tabbrowser-tab .tab-throbber,
.tabbrowser-tab[bursting] .tab-icon-image{
display: none !important;
}
.tabbrowser-tab .tab-content::before{
display: -moz-box;
content: "";
width:var(--tab-loader-size);
height:var(--tab-loader-size);
margin-right:6px;
background: center no-repeat url('data:image/svg+xml,<?xml version="1.0" encoding="UTF-8" ?><svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" version="1.1" stroke="url(%23gradient)" fill="none" width="100%" height="100%" stroke-width="1.7"><defs><radialGradient id="gradient" cx="50%" cy="0" r="0.6"><stop offset="0%" stop-color="lightpink"/><stop offset="100%" stop-color="red"/></radialGradient></defs><circle cx="8" cy="8" r="5.7"/></svg>') !important;
clip-path: polygon(50% 50%,50% 0%,50% 0%,50% 0%, 50% 0%,50% 0%, 50% 0%);
transition: clip-path 0.2s ease-out, opacity 0.3s linear 0.1s;
}
.tabbrowser-tab:-moz-any([busy],[bursting]) .tab-content{ padding-left: calc( 9px - (var(--tab-loader-size) - 16px)) !important; }
.tabbrowser-tab[pinned] .tab-content::before{ margin-right: 0px }
@keyframes loadprogress{
from{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%); }
25%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 100% 100%,100% 100%, 100% 100%); }
50%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 100%,0% 100%); }
75%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%,0% 0%); }
to{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%, 0% 0%, 50% 0%); }
}
@keyframes rotation{
from{ transform: rotateZ(0deg) }
to{ transform: rotateZ(360deg) }
}
.tabbrowser-tab:not([busy]):not([bursting]) .tab-content::before{ visibility: collapse; }
.tabbrowser-tab:not([busy]) .tab-content::before{ opacity: 0 }
.tabbrowser-tab[busy]:not([progress]) .tab-content::before{
clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%);
}
.tabbrowser-tab[busy][progress] .tab-content::before{
animation: loadprogress 2s linear, rotation 0.7s linear 2s infinite !important;
animation-fill-mode: forwards !important;
}
.tabbrowser-tab[bursting] .tab-content::before{
clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%, 50% 0%) !important;
}
#tabbrowser-tabs[schedulepressure] .tab-content::before{ display:none !important; }

12
chrome/toggle_bookmarksbar_with_alt.css Normal file
View file

@ -0,0 +1,12 @@
/* Pretty much requires either menubar_in-toolbar or the oneliner compatible one */
/* Otherwise the changing vertical position causes bookmarks to be unclickable */
#main-window[sizemode="normal"]:not([customizing]) #PersonalToolbar{
transition: margin 0.15s ease-in-out 50ms, z-index 16ms linear 100ms!important;
height: 28px;
position: relative;
z-index: 1;
}
:root:not([customizing]) #toolbar-menubar[inactive] ~ #PersonalToolbar:not(:hover){
margin-top:-28px;
z-index: -1;
}