add basic support for -moz-platform media query

This commit is contained in:
MrOtherGuy 2022-02-12 09:20:20 +02:00
parent 1621ecc3f4
commit 71fe0e87c7
16 changed files with 77 additions and 41 deletions

View file

@ -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; }

View file

@ -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;
}
} }
*/ */

View file

@ -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{

View file

@ -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{

View file

@ -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) }

View file

@ -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]{

View file

@ -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]{

View file

@ -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));

View file

@ -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 }

View file

@ -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; }
} }

View file

@ -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){

View file

@ -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 }
} }
} }

View file

@ -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; }

View file

@ -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{

View file

@ -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{

View file

@ -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;
} }