[Mypal] Draw a border when hiding the tab bar
parent
1e7e73ebfd
commit
abbb008c4e
|
@ -1607,6 +1607,17 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
|
||||||
background-image: linear-gradient(to top, rgba(0,0,0,.3) 1px, rgba(0,0,0,.05) 1px, transparent 50%);
|
background-image: linear-gradient(to top, rgba(0,0,0,.3) 1px, rgba(0,0,0,.05) 1px, transparent 50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* When the tab bar is collapsed, show a 1px border in its place. */
|
||||||
|
#TabsToolbar[tabsontop="false"][collapsed="true"] {
|
||||||
|
visibility: visible;
|
||||||
|
height: 1px;
|
||||||
|
border-bottom-width: 1px;
|
||||||
|
/* !important here to override border-style: none on the toolbar */
|
||||||
|
border-bottom-style: solid !important;
|
||||||
|
border-bottom-color: ThreeDShadow;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.tabbrowser-tab,
|
.tabbrowser-tab,
|
||||||
.tabs-newtab-button {
|
.tabs-newtab-button {
|
||||||
position: static;
|
position: static;
|
||||||
|
|
|
@ -1630,6 +1630,17 @@ richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-
|
||||||
background-image: linear-gradient(to top, @toolbarShadowColor@ 1px, rgba(0,0,0,.05) 1px, transparent 50%);
|
background-image: linear-gradient(to top, @toolbarShadowColor@ 1px, rgba(0,0,0,.05) 1px, transparent 50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* When the tab bar is collapsed, show a 1px border in its place. */
|
||||||
|
#TabsToolbar[tabsontop="false"][collapsed="true"] {
|
||||||
|
visibility: visible;
|
||||||
|
height: 1px;
|
||||||
|
border-bottom-width: 1px;
|
||||||
|
/* !important here to override border-style: none on the toolbar */
|
||||||
|
border-bottom-style: solid !important;
|
||||||
|
border-bottom-color: ThreeDShadow;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
@media (-moz-mac-lion-theme) {
|
@media (-moz-mac-lion-theme) {
|
||||||
#main-window[sizemode=normal] #TabsToolbar {
|
#main-window[sizemode=normal] #TabsToolbar {
|
||||||
padding-left: 2px;
|
padding-left: 2px;
|
||||||
|
|
|
@ -31,6 +31,8 @@
|
||||||
%endif
|
%endif
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
|
--toolbox-after-color: ThreeDShadow;
|
||||||
|
|
||||||
--toolbar-custom-color: hsl(210,75%,92%);
|
--toolbar-custom-color: hsl(210,75%,92%);
|
||||||
--toolbar-highlight-top: rgba(255,255,255,.5);
|
--toolbar-highlight-top: rgba(255,255,255,.5);
|
||||||
--toolbar-highlight-bottom: transparent;
|
--toolbar-highlight-bottom: transparent;
|
||||||
|
@ -91,7 +93,7 @@
|
||||||
display: -moz-box;
|
display: -moz-box;
|
||||||
-moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
|
-moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background-color: ThreeDShadow;
|
background-color: var(--toolbox-after-color);
|
||||||
}
|
}
|
||||||
#navigator-toolbox[tabsontop=false]::after,
|
#navigator-toolbox[tabsontop=false]::after,
|
||||||
#main-window[disablechrome] #navigator-toolbox::after {
|
#main-window[disablechrome] #navigator-toolbox::after {
|
||||||
|
@ -1840,6 +1842,17 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
|
||||||
background-image: linear-gradient(to top, @toolbarShadowColor@ 1px, rgba(0,0,0,.05) 1px, transparent 50%);
|
background-image: linear-gradient(to top, @toolbarShadowColor@ 1px, rgba(0,0,0,.05) 1px, transparent 50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* When the tab bar is collapsed, show a 1px border in its place. */
|
||||||
|
#TabsToolbar[tabsontop="false"][collapsed="true"] {
|
||||||
|
visibility: visible;
|
||||||
|
height: 1px;
|
||||||
|
border-bottom-width: 1px;
|
||||||
|
/* !important here to override border-style: none on the toolbar */
|
||||||
|
border-bottom-style: solid !important;
|
||||||
|
border-bottom-color: var(--toolbox-after-color);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
.tabbrowser-tab,
|
.tabbrowser-tab,
|
||||||
.tabs-newtab-button {
|
.tabs-newtab-button {
|
||||||
-moz-appearance: none;
|
-moz-appearance: none;
|
||||||
|
@ -3043,8 +3056,8 @@ toolbar[brighttext] #addonbar-closebutton {
|
||||||
|
|
||||||
@media (-moz-os-version: windows-vista),
|
@media (-moz-os-version: windows-vista),
|
||||||
(-moz-os-version: windows-win7) {
|
(-moz-os-version: windows-win7) {
|
||||||
#navigator-toolbox:not(:-moz-lwtheme)::after {
|
:root:not(:-moz-lwtheme) {
|
||||||
background-color: #aabccf;
|
--toolbox-after-color: #aabccf;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3053,9 +3066,9 @@ toolbar[brighttext] #addonbar-closebutton {
|
||||||
:root {
|
:root {
|
||||||
--toolbar-custom-color: hsl(210,0%,92%);
|
--toolbar-custom-color: hsl(210,0%,92%);
|
||||||
}
|
}
|
||||||
|
|
||||||
#navigator-toolbox:not(:-moz-lwtheme)::after {
|
:root:not(:-moz-lwtheme) {
|
||||||
background-color: #bcbcbc;
|
--toolbox-after-color: #bcbcbc;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue