a lot of laptop changes
This commit is contained in:
parent
8e179c3910
commit
9a725dcc03
35 changed files with 275 additions and 180 deletions
|
|
@ -10,218 +10,218 @@
|
|||
#urlbar-container{ min-width:unset !important }
|
||||
}
|
||||
|
||||
/* Transparent tabs */
|
||||
.toolbar-items:-moz-lwtheme-darktext,
|
||||
.toolbar-items:-moz-lwtheme-brighttext {
|
||||
background-color: transparent !important;
|
||||
-moz-appearance: var(--bf-moz-appearance) !important;
|
||||
}
|
||||
/* /\* Transparent tabs *\/ */
|
||||
/* .toolbar-items:-moz-lwtheme-darktext, */
|
||||
/* .toolbar-items:-moz-lwtheme-brighttext { */
|
||||
/* background-color: transparent !important; */
|
||||
/* -moz-appearance: var(--bf-moz-appearance) !important; */
|
||||
/* } */
|
||||
|
||||
/* Stretch Tabs */
|
||||
.tabbrowser-tab[fadein]:not([pinned]) {
|
||||
max-width: none !important;
|
||||
max-width: none !important;
|
||||
}
|
||||
|
||||
.tab-background:-moz-lwtheme-darktext,
|
||||
.tab-background:-moz-lwtheme-brighttext {
|
||||
background: transparent !important;
|
||||
-moz-appearance: var(--bf-moz-appearance) !important;
|
||||
}
|
||||
/* .tab-background:-moz-lwtheme-darktext, */
|
||||
/* .tab-background:-moz-lwtheme-brighttext { */
|
||||
/* background: transparent !important; */
|
||||
/* -moz-appearance: var(--bf-moz-appearance) !important; */
|
||||
/* } */
|
||||
|
||||
.tab-background[selected="true"] {
|
||||
background: var(--bf-tab-selected-bg) !important;
|
||||
}
|
||||
/* .tab-background[selected="true"] { */
|
||||
/* background: var(--bf-tab-selected-bg) !important; */
|
||||
/* } */
|
||||
|
||||
.tab-background:not[visuallyselected] {
|
||||
background: var(--bf-tab-selected-bg) !important;
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
/* .tab-background:not[visuallyselected] { */
|
||||
/* background: var(--bf-tab-selected-bg) !important; */
|
||||
/* opacity: 0.5 !important; */
|
||||
/* } */
|
||||
|
||||
/* Style all the lines before and after selected tab */
|
||||
.tabbrowser-tab::after,
|
||||
.tabbrowser-tab::before {
|
||||
border-width: 1px !important;
|
||||
}
|
||||
/* /\* Style all the lines before and after selected tab *\/ */
|
||||
/* .tabbrowser-tab::after, */
|
||||
/* .tabbrowser-tab::before { */
|
||||
/* border-width: 1px !important; */
|
||||
/* } */
|
||||
|
||||
.tabbrowser-arrowscrollbox {
|
||||
margin-inline-start: 4px !important;
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
/* .tabbrowser-arrowscrollbox { */
|
||||
/* margin-inline-start: 4px !important; */
|
||||
/* margin-inline-end: 0 !important; */
|
||||
/* } */
|
||||
|
||||
|
||||
/* Center all content */
|
||||
.tab-content {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: -1px;
|
||||
min-width: 100% !important;
|
||||
padding: 0 10px !important;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: -1px;
|
||||
min-width: 100% !important;
|
||||
padding: 0 10px !important;
|
||||
}
|
||||
|
||||
/* A way to center the label and icon while
|
||||
/* A way to center the label and icon while
|
||||
the close button is positioned to the far right */
|
||||
.tab-content::before{
|
||||
content: "";
|
||||
display: -moz-box;
|
||||
-moz-box-flex: 1
|
||||
content: "";
|
||||
display: -moz-box;
|
||||
-moz-box-flex: 1
|
||||
}
|
||||
|
||||
/* Tab close button */
|
||||
.tab-close-button {
|
||||
opacity: 1 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
/* If tab close button is not present, don't force favicon to the center */
|
||||
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber,
|
||||
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber-fallback,
|
||||
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([busy]) .tab-icon-image,
|
||||
#tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([image]) .tab-label-container {
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
/* /\* If tab close button is not present, don't force favicon to the center *\/ */
|
||||
/* #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber, */
|
||||
/* #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]) .tab-throbber-fallback, */
|
||||
/* #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([busy]) .tab-icon-image, */
|
||||
/* #tabbrowser-tabs[closebuttons="activetab"] .tabbrowser-tab:not([selected="true"]):not([image]) .tab-label-container { */
|
||||
/* margin-left: 0 !important; */
|
||||
/* } */
|
||||
|
||||
#toolbar-menubar{ height:initial !important; }
|
||||
#toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; }
|
||||
#toolbar-menubar[inactive]{
|
||||
margin-bottom: calc(0px - var(--uc-toolbar-height));
|
||||
margin-left: 0px;
|
||||
height: calc(var(--uc-toolbar-height) - 5) !important;
|
||||
}
|
||||
/* #toolbar-menubar{ height:initial !important; } */
|
||||
/* #toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; } */
|
||||
/* #toolbar-menubar[inactive]{ */
|
||||
/* margin-bottom: calc(0px - var(--uc-toolbar-height)); */
|
||||
/* margin-left: 0px; */
|
||||
/* height: calc(var(--uc-toolbar-height) - 5) !important; */
|
||||
/* } */
|
||||
|
||||
#tabs-newtab-button {
|
||||
visibility: hidden !important;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
#TabsToolbar{
|
||||
margin-right: calc(0px + var(--uc-navigationbar-width));
|
||||
/* Remove empty space above tabs so that tabs are clickable at very top of screen */
|
||||
margin-left: 10px;
|
||||
margin-top: -31px !important;
|
||||
max-height: 20px !important;
|
||||
font-size: 13px !important;
|
||||
z-index: 10;
|
||||
margin-top: -44px !important;
|
||||
}
|
||||
|
||||
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
|
||||
#tabbrowser-tabs,
|
||||
.tabbrowser-tab[pinned]{
|
||||
margin-left: -10px;
|
||||
}
|
||||
/* .scrollbox-clip > scrollbox:nth-child(1){ */
|
||||
/* margin-top; -10px !important; */
|
||||
/* } */
|
||||
|
||||
.tabbrowser-tab[selected]{
|
||||
min-width: 200px !important;
|
||||
max-width: 2600px !important;
|
||||
max-height: 20px !important;
|
||||
height: 20px !important;
|
||||
min-height: 20px !important;
|
||||
box-shadow: 0px 0px 6px 3px #111;
|
||||
}
|
||||
/* #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, */
|
||||
/* #tabbrowser-tabs, */
|
||||
/* .tabbrowser-tab[pinned]{ */
|
||||
/* margin-left: -10px; */
|
||||
/* margin-top: -42px !important; */
|
||||
/* } */
|
||||
|
||||
.tabbrowser-tab[pinned]{
|
||||
max-width: 35px !important;
|
||||
min-width: 0px !important;
|
||||
}
|
||||
/* .tabbrowser-tab[selected]{ */
|
||||
/* min-width: 200px !important; */
|
||||
/* max-width: 2600px !important; */
|
||||
/* max-height: 20px !important; */
|
||||
/* height: 20px !important; */
|
||||
/* min-height: 20px !important; */
|
||||
/* box-shadow: 0px 0px 6px 3px #111; */
|
||||
/* } */
|
||||
|
||||
.tabbrowser-tab{
|
||||
max-width: 80px !important;
|
||||
min-width: 10px !important;
|
||||
}
|
||||
/* .tabbrowser-tab[pinned]{ */
|
||||
/* max-width: 35px !important; */
|
||||
/* min-width: 0px !important; */
|
||||
/* } */
|
||||
|
||||
.tab-background {
|
||||
border-top: 0px !important;
|
||||
}
|
||||
/* .tabbrowser-tab{ */
|
||||
/* max-width: 80px !important; */
|
||||
/* min-width: 10px !important; */
|
||||
/* } */
|
||||
|
||||
.tab-icon-pending, .tab-icon-image, .tab-sharing-icon-overlay .tab-icon-sound{
|
||||
max-height: 13px !important;
|
||||
height: 13px !important;
|
||||
min-height: 13px !important;
|
||||
min-width: 13px !important;
|
||||
max-width: 13px !important;
|
||||
align-self: center !important;
|
||||
}
|
||||
/* .tab-background { */
|
||||
/* border-top: 0px !important; */
|
||||
/* } */
|
||||
|
||||
.tab-throbber, .tab-throbber-tabslist {
|
||||
max-height: 18px !important;
|
||||
height: 18px !important;
|
||||
min-height: 18px !important;
|
||||
min-width: 16px !important;
|
||||
max-width: 16px !important;
|
||||
align-self: center !important;
|
||||
}
|
||||
/* .tab-icon-pending, .tab-icon-image, .tab-sharing-icon-overlay .tab-icon-sound{ */
|
||||
/* max-height: 13px !important; */
|
||||
/* height: 13px !important; */
|
||||
/* min-height: 13px !important; */
|
||||
/* min-width: 13px !important; */
|
||||
/* max-width: 13px !important; */
|
||||
/* align-self: center !important; */
|
||||
/* } */
|
||||
|
||||
#nav-bar{
|
||||
margin-left: calc(100vw - var(--uc-navigationbar-width));
|
||||
margin-top: calc(0px - var(--uc-toolbar-height));
|
||||
padding-right: calc(3 * 46px + var(--window-drag-space-width));
|
||||
/* .tab-throbber, .tab-throbber-tabslist { */
|
||||
/* max-height: 18px !important; */
|
||||
/* height: 18px !important; */
|
||||
/* min-height: 18px !important; */
|
||||
/* min-width: 16px !important; */
|
||||
/* max-width: 16px !important; */
|
||||
/* align-self: center !important; */
|
||||
/* } */
|
||||
|
||||
}
|
||||
/* #nav-bar{ */
|
||||
/* margin-left: calc(100vw - var(--uc-navigationbar-width)); */
|
||||
/* margin-top: calc(0px - var(--uc-toolbar-height)); */
|
||||
/* padding-right: calc(3 * 46px + var(--window-drag-space-width)); */
|
||||
|
||||
/* } */
|
||||
|
||||
/* Hide dropdown placeholder */
|
||||
#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;}
|
||||
/* #urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} */
|
||||
|
||||
|
||||
/* Autohide Navbar */
|
||||
|
||||
#nav-bar:not([customizing="true"]):not([inFullscreen]) {
|
||||
/*visibility: collapse !important;*/
|
||||
min-height: 0px !important;
|
||||
max-height: 0px !important;
|
||||
margin-top: -6px !important;
|
||||
margin-bottom: 14px !important;
|
||||
margin-right: 70px !important;
|
||||
margin-left: 70px !important;
|
||||
transition: all 300ms ease .5s !important;
|
||||
z-index: -5 !important;
|
||||
border-radius: 50px;
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
/*visibility: collapse !important;*/
|
||||
min-height: 0px !important;
|
||||
max-height: 0px !important;
|
||||
margin-top: -6px !important;
|
||||
margin-bottom: 0px !important;
|
||||
margin-right: 70px !important;
|
||||
margin-left: 70px !important;
|
||||
transition: all 300ms ease .5s !important;
|
||||
z-index: -5 !important;
|
||||
border-radius: 50px;
|
||||
padding-left: 10px !important;
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
|
||||
#navigator-toolbox:hover:not([inFullscreen]) :-moz-any(#nav-bar),
|
||||
#navigator-toolbox:focus-within :-moz-any(#nav-bar) {
|
||||
/*visibility: visible !important;*/
|
||||
min-height: 32px !important;
|
||||
max-height: 32px !important;
|
||||
margin-top: 10px !important;
|
||||
margin-bottom: -38px !important;
|
||||
transition: all 200ms ease 0s !important;
|
||||
z-index: 5 !important;
|
||||
border: 0px !important;
|
||||
box-shadow: 3px 3px 8px 2px #111 !important;
|
||||
}
|
||||
/*visibility: visible !important;*/
|
||||
min-height: 34px !important;
|
||||
max-height: 34px !important;
|
||||
margin-top: 10px !important;
|
||||
margin-bottom: -48px !important;
|
||||
transition: all 200ms ease 0s !important;
|
||||
z-index: 5 !important;
|
||||
border: 0px !important;
|
||||
box-shadow: 3px 3px 8px 2px #111 !important;
|
||||
}
|
||||
|
||||
/* make urlbar rounded */
|
||||
#urlbar{
|
||||
margin-top: 31px !important;
|
||||
padding-right: 10px !important;
|
||||
padding-left: 10px !important;
|
||||
/* margin-top: 31px !important; */
|
||||
padding-right: 10px !important;
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
#urlbar-background{
|
||||
border-radius: 50px !important;
|
||||
border-radius: 50px !important;
|
||||
}
|
||||
|
||||
#urlbar[open] > #urlbar-background{
|
||||
animation-duration: 200ms !important;
|
||||
border-radius: 15px !important;
|
||||
animation-duration: 200ms !important;
|
||||
border-radius: 15px !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
margin-top: 20px !important;
|
||||
top: 0px !important;
|
||||
}
|
||||
/* #urlbar[breakout][breakout-extend] { */
|
||||
/* margin-top: 20px !important; */
|
||||
/* top: 0px !important; */
|
||||
/* } */
|
||||
|
||||
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
|
||||
height: calc(var(--uc-toolbar-height) + 12 * 2px) !important;
|
||||
padding-block: calc(2px + (var(--uc-toolbar-height) - var(--urlbar-height)) / 2);
|
||||
padding-inline: calc(5px + 2px);
|
||||
}
|
||||
/* #urlbar[breakout][breakout-extend] > #urlbar-input-container { */
|
||||
/* height: calc(var(--uc-toolbar-height) + 12 * 2px) !important; */
|
||||
/* padding-block: calc(2px + (var(--uc-toolbar-height) - var(--urlbar-height)) / 2); */
|
||||
/* padding-inline: calc(5px + 2px); */
|
||||
/* } */
|
||||
|
||||
#nav-bar-customization-target{
|
||||
margin-top: -20px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
#nav-bar-overflow-button{
|
||||
margin-top: -20px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
#PanelUI-button{
|
||||
margin-top: -20px !important;
|
||||
margin-top: -4px !important;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue