add basic support for -moz-platform media query
This commit is contained in:
parent
1621ecc3f4
commit
71fe0e87c7
16 changed files with 77 additions and 41 deletions
|
@ -18,7 +18,9 @@ See the above repository for updates as well as full license text. */
|
||||||
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
|
/* Dummy variable to support versions 94-96, can be removed when 96 lands */
|
||||||
:root{ --lwt-frame: var(--lwt-accent-color) }
|
:root{ --lwt-frame: var(--lwt-accent-color) }
|
||||||
|
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
|
:root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; }
|
||||||
|
|
||||||
|
|
|
@ -40,21 +40,6 @@ See the above repository for updates as well as full license text. */
|
||||||
margin-inline-end: 4px;
|
margin-inline-end: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#PanelUI-button{
|
|
||||||
position: fixed;
|
|
||||||
display: flex;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#toolbar-menubar,
|
|
||||||
#toolbar-menubar[autohide="true"] + #TabsToolbar{
|
|
||||||
padding-left: 94px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #PanelUI-button{ top:7px !important; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* OPTIONAL - move the menu button to top-left corner of the window.
|
/* OPTIONAL - move the menu button to top-left corner of the window.
|
||||||
* Don't use this if you also use tabs_on_bottom.css
|
* Don't use this if you also use tabs_on_bottom.css
|
||||||
*/
|
*/
|
||||||
|
@ -71,7 +56,11 @@ See the above repository for updates as well as full license text. */
|
||||||
padding-left: 94px !important;
|
padding-left: 94px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #PanelUI-button{ top:7px !important; }
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
:root[tabsintitlebar][sizemode="maximized"] #PanelUI-button{
|
||||||
|
top:7px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
*/
|
*/
|
|
@ -18,7 +18,7 @@ See the above repository for updates as well as full license text. */
|
||||||
}
|
}
|
||||||
:root[tabsintitlebar="true"] #nav-bar{ padding-inline: calc(var(--uc-hide-window-control-space,1) * 96px + 20px) 0px !important; }
|
:root[tabsintitlebar="true"] #nav-bar{ padding-inline: calc(var(--uc-hide-window-control-space,1) * 96px + 20px) 0px !important; }
|
||||||
|
|
||||||
@media (-moz-os-version: windows-win10){
|
@media (-moz-platform: windows-win10),(-moz-os-version: windows-win10){
|
||||||
:root[tabsintitlebar="true"] #nav-bar{ padding-left: calc(var(--uc-hide-window-control-space,1) * 134px + 20px) !important; }
|
:root[tabsintitlebar="true"] #nav-bar{ padding-left: calc(var(--uc-hide-window-control-space,1) * 134px + 20px) !important; }
|
||||||
}
|
}
|
||||||
#toolbar-menubar[autohide="true"] + #TabsToolbar .titlebar-buttonbox{ -moz-box-direction: reverse }
|
#toolbar-menubar[autohide="true"] + #TabsToolbar .titlebar-buttonbox{ -moz-box-direction: reverse }
|
||||||
|
@ -27,8 +27,12 @@ See the above repository for updates as well as full license text. */
|
||||||
#navigator-toolbox{ --tab-min-height: 40px }
|
#navigator-toolbox{ --tab-min-height: 40px }
|
||||||
:root[uidensity="compact"] #navigator-toolbox{ --tab-min-height: 32px }
|
:root[uidensity="compact"] #navigator-toolbox{ --tab-min-height: 32px }
|
||||||
|
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
:root[tabsintitlebar][sizemode="maximized"] > body > box{ margin-top: 8px }
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
:root[tabsintitlebar][sizemode="maximized"] > body > box{
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#navigator-toolbox{
|
#navigator-toolbox{
|
||||||
|
|
|
@ -26,7 +26,9 @@ See the above repository for updates as well as full license text. */
|
||||||
:root{ --lwt-frame: var(--lwt-accent-color) }
|
:root{ --lwt-frame: var(--lwt-accent-color) }
|
||||||
|
|
||||||
:root{ --uc-fake-titlebar-padding: 0px }
|
:root{ --uc-fake-titlebar-padding: 0px }
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
:root[sizemode="maximized"][tabsintitlebar]{ --uc-fake-titlebar-padding: 8px }
|
:root[sizemode="maximized"][tabsintitlebar]{ --uc-fake-titlebar-padding: 8px }
|
||||||
}
|
}
|
||||||
#navigator-toolbox{
|
#navigator-toolbox{
|
||||||
|
|
|
@ -14,7 +14,13 @@ See the above repository for updates as well as full license text. */
|
||||||
:root{ --uc-titlebar-padding: 0px; --uc-window-control-width: 40px }
|
:root{ --uc-titlebar-padding: 0px; --uc-window-control-width: 40px }
|
||||||
:root[tabsintitlebar]{ --uc-window-control-width: 160px }
|
:root[tabsintitlebar]{ --uc-window-control-width: 160px }
|
||||||
:root[inFullscreen]{ --uc-window-control-width: 0px }
|
:root[inFullscreen]{ --uc-window-control-width: 0px }
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
|
||||||
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
|
@media (-moz-platform: windows),
|
||||||
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
:root[sizemode="maximized"][tabsintitlebar]{
|
||||||
|
--uc-titlebar-padding: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#titlebar{ -moz-appearance: none !important; margin-top: var(--uc-titlebar-padding) }
|
#titlebar{ -moz-appearance: none !important; margin-top: var(--uc-titlebar-padding) }
|
||||||
|
|
|
@ -48,8 +48,12 @@ See the above repository for updates as well as full license text. */
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
/* Extra top padding in maximized window */
|
/* Extra top padding in maximized window */
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; }
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{
|
||||||
|
padding-top:7px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/* Fix window controls not being clickable */
|
/* Fix window controls not being clickable */
|
||||||
:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{
|
:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{
|
||||||
|
|
|
@ -55,8 +55,12 @@ Window controls will be all wrong without it
|
||||||
background-color: transparent !important;
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
/* Extra top padding in maximized window */
|
/* Extra top padding in maximized window */
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; }
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{
|
||||||
|
padding-top:7px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
/* Window controls in nav-bar */
|
/* Window controls in nav-bar */
|
||||||
:root:not([customizing]) #toolbar-menubar[inactive]{
|
:root:not([customizing]) #toolbar-menubar[inactive]{
|
||||||
|
|
|
@ -7,8 +7,12 @@ See the above repository for updates as well as full license text. */
|
||||||
:root[uidensity="compact"] #navigator-toolbox{ --uc-menubar-height: 30px }
|
:root[uidensity="compact"] #navigator-toolbox{ --uc-menubar-height: 30px }
|
||||||
|
|
||||||
#titlebar{ -moz-box-direction: reverse; -moz-appearance: none !important; }
|
#titlebar{ -moz-box-direction: reverse; -moz-appearance: none !important; }
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
:root[sizemode="maximized"][tabsintitlebar] #TabsToolbar{ margin-top: 8px !important; }
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
:root[sizemode="maximized"][tabsintitlebar] #TabsToolbar{
|
||||||
|
margin-top: 8px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
#toolbar-menubar{
|
#toolbar-menubar{
|
||||||
margin-bottom: calc(0px - var(--uc-menubar-height));
|
margin-bottom: calc(0px - var(--uc-menubar-height));
|
||||||
|
|
|
@ -25,8 +25,12 @@ See the above repository for updates as well as full license text. */
|
||||||
--multirow-tab-min-width: 100px;
|
--multirow-tab-min-width: 100px;
|
||||||
--multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
|
--multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
|
||||||
}
|
}
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
:root[tabsintitlebar][sizemode="maximized"]{ --multirow-top-padding: 8px }
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
:root[tabsintitlebar][sizemode="maximized"]{
|
||||||
|
--multirow-top-padding: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
:root[uidensity="compact"]{--multirow-toolbar-height: 34px}
|
:root[uidensity="compact"]{--multirow-toolbar-height: 34px}
|
||||||
:root{ border-top-width: 0px !important }
|
:root{ border-top-width: 0px !important }
|
||||||
|
|
|
@ -14,7 +14,9 @@ See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
#toolbar-menubar[autohide="true"][inactive="true"]{ height: 0px !important; }
|
#toolbar-menubar[autohide="true"][inactive="true"]{ height: 0px !important; }
|
||||||
|
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{ top: 8px; }
|
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{ top: 8px; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -10,8 +10,10 @@ See the above repository for updates as well as full license text. */
|
||||||
:root:not([customizing]) #titlebar{ -moz-appearance: none !important; }
|
:root:not([customizing]) #titlebar{ -moz-appearance: none !important; }
|
||||||
|
|
||||||
/* -moz-appearance: none on titlebar breaks window margins, so re-adjust that */
|
/* -moz-appearance: none on titlebar breaks window margins, so re-adjust that */
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
|
||||||
:root[sizemode="maximized"]{ margin-top: 8px !important; }
|
:root[sizemode="maximized"]{ margin-top: 8px !important; }
|
||||||
|
|
||||||
@media screen and (min-resolution: 1.25dppx){
|
@media screen and (min-resolution: 1.25dppx){
|
||||||
|
|
|
@ -21,7 +21,9 @@ See the above repository for updates as well as full license text. */
|
||||||
overflow-x: -moz-hidden-unscrollable;
|
overflow-x: -moz-hidden-unscrollable;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version:windows-win10){
|
@media (-moz-platform: windows),
|
||||||
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
:root[sizemode="maximized"] > head > title { padding-top: 10px }
|
:root[sizemode="maximized"] > head > title { padding-top: 10px }
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -33,7 +33,9 @@ linux_gtk_window_control_patch.css
|
||||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
|
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
|
||||||
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
|
:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
|
||||||
|
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
#titlebar{ -moz-appearance: none !important; }
|
#titlebar{ -moz-appearance: none !important; }
|
||||||
/* Counteract -moz-appearance when maximized */
|
/* Counteract -moz-appearance when maximized */
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; }
|
:root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; }
|
||||||
|
|
|
@ -16,8 +16,12 @@ linux_gtk_window_control_patch.css
|
||||||
*/
|
*/
|
||||||
|
|
||||||
:root{ --uc-titlebar-padding: 0px; }
|
:root{ --uc-titlebar-padding: 0px; }
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
|
:root[sizemode="maximized"][tabsintitlebar]{
|
||||||
|
--uc-titlebar-padding: 8px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
|
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
|
||||||
#TabsToolbar > .titlebar-buttonbox-container{
|
#TabsToolbar > .titlebar-buttonbox-container{
|
||||||
|
|
|
@ -12,7 +12,9 @@ See the above repository for updates as well as full license text. */
|
||||||
|
|
||||||
#titlebar{ -moz-appearance: none !important; }
|
#titlebar{ -moz-appearance: none !important; }
|
||||||
|
|
||||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
|
@media (-moz-platform: windows),
|
||||||
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win10){
|
||||||
/* Next two variables are used by autohide_menubar.css */
|
/* Next two variables are used by autohide_menubar.css */
|
||||||
#toolbar-menubar{ --uc-menubar-extra-margin: 0px }
|
#toolbar-menubar{ --uc-menubar-extra-margin: 0px }
|
||||||
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{
|
:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{
|
||||||
|
|
|
@ -21,7 +21,10 @@ See the above repository for updates as well as full license text. */
|
||||||
--uc-window-drag-space-pre: 0px; /* Remove pre space */
|
--uc-window-drag-space-pre: 0px; /* Remove pre space */
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8) {
|
@media (-moz-platform: windows-win7),
|
||||||
|
(-moz-platform: windows-win8),
|
||||||
|
(-moz-os-version: windows-win7),
|
||||||
|
(-moz-os-version: windows-win8){{
|
||||||
:root[tabsintitlebar] {
|
:root[tabsintitlebar] {
|
||||||
--uc-window-control-width: 105px;
|
--uc-window-control-width: 105px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue