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 */
 | 
			
		||||
: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; }
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -40,21 +40,6 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
  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.
 | 
			
		||||
 * 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;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
 | 
			
		||||
  :root[tabsintitlebar][sizemode="maximized"] #PanelUI-button{ top:7px !important; }
 | 
			
		||||
@media  (-moz-platform: windows),
 | 
			
		||||
        (-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; }
 | 
			
		||||
  
 | 
			
		||||
  @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; }
 | 
			
		||||
  }
 | 
			
		||||
  #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 }
 | 
			
		||||
:root[uidensity="compact"] #navigator-toolbox{ --tab-min-height: 32px }
 | 
			
		||||
 | 
			
		||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
 | 
			
		||||
  :root[tabsintitlebar][sizemode="maximized"] > body > box{ margin-top: 8px }
 | 
			
		||||
@media  (-moz-platform: windows),
 | 
			
		||||
        (-moz-os-version: windows-win7),
 | 
			
		||||
        (-moz-os-version: windows-win10){
 | 
			
		||||
  :root[tabsintitlebar][sizemode="maximized"] > body > box{
 | 
			
		||||
    margin-top: 8px;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#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{ --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 }
 | 
			
		||||
  }
 | 
			
		||||
  #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[tabsintitlebar]{ --uc-window-control-width: 160px }
 | 
			
		||||
: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) }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -48,8 +48,12 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
  background-color: transparent !important;
 | 
			
		||||
}
 | 
			
		||||
/* Extra top padding  in maximized window */
 | 
			
		||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
 | 
			
		||||
  :root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; }
 | 
			
		||||
@media  (-moz-platform: windows),
 | 
			
		||||
        (-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 */
 | 
			
		||||
:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -55,8 +55,12 @@ Window controls will be all wrong without it
 | 
			
		|||
  background-color: transparent !important;
 | 
			
		||||
}
 | 
			
		||||
/* Extra top padding  in maximized window */
 | 
			
		||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
 | 
			
		||||
  :root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; }
 | 
			
		||||
@media  (-moz-platform: windows),
 | 
			
		||||
        (-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 */
 | 
			
		||||
: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 }
 | 
			
		||||
 | 
			
		||||
#titlebar{ -moz-box-direction: reverse; -moz-appearance: none !important; }
 | 
			
		||||
@media (-moz-os-version: windows-win7),(-moz-os-version: windows-win10){
 | 
			
		||||
  :root[sizemode="maximized"][tabsintitlebar] #TabsToolbar{ margin-top: 8px !important; }
 | 
			
		||||
@media  (-moz-platform: windows),
 | 
			
		||||
        (-moz-os-version: windows-win7),
 | 
			
		||||
        (-moz-os-version: windows-win10){
 | 
			
		||||
  :root[sizemode="maximized"][tabsintitlebar] #TabsToolbar{
 | 
			
		||||
    margin-top: 8px !important;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#toolbar-menubar{
 | 
			
		||||
  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-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){
 | 
			
		||||
    :root[tabsintitlebar][sizemode="maximized"]{ --multirow-top-padding: 8px }
 | 
			
		||||
  @media  (-moz-platform: windows),
 | 
			
		||||
        (-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{ 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; }
 | 
			
		||||
 | 
			
		||||
@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; }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -10,8 +10,10 @@ See the above repository for updates as well as full license text. */
 | 
			
		|||
:root:not([customizing]) #titlebar{ -moz-appearance: none !important; }
 | 
			
		||||
 | 
			
		||||
/* -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; }
 | 
			
		||||
 | 
			
		||||
  @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;
 | 
			
		||||
    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 }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
| 
						 | 
				
			
			@ -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-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; }
 | 
			
		||||
  /* Counteract -moz-appearance when maximized */
 | 
			
		||||
  :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; }
 | 
			
		||||
@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;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
#toolbar-menubar[autohide="true"] > .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; }
 | 
			
		||||
 | 
			
		||||
  @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 */
 | 
			
		||||
    #toolbar-menubar{ --uc-menubar-extra-margin: 0px }
 | 
			
		||||
    :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 */
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@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] {
 | 
			
		||||
    --uc-window-control-width: 105px;
 | 
			
		||||
  }
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue