Commit f18fc8f5 authored by henry's avatar henry
Browse files

fixup! BB 32308: Use direct browser sizing for letterboxing. 

TB 44214: Use CSS logical positions for the status panel, rather than
"left" and "right".
parent deed64ab

toolkit/components/resistfingerprinting/content/letterboxing.css

+12 −11
Original line number Diff line number Diff line
@@ -80,30 +80,31 @@ 
  TODO: switch to nested CSS selectors for conciseness when available (Firefox >= 117)

*/

.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing)

  > #statuspanel:not([hidden]) {

  > #statuspanel {

  position: relative;

  place-self: end left;

  place-self: end start;

  z-index: 2;

  --letterboxing-status-left-radius: var(--letterboxing-border-radius);

  --letterboxing-status-right-radius: 0;

}

.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing)

  > #statuspanel:not([mirror]):-moz-locale-dir(rtl),

.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing)

  > #statuspanel[mirror]:-moz-locale-dir(ltr) {

  --letterboxing-status-right-radius: var(--letterboxing-border-radius);

  --letterboxing-status-left-radius: 0;

  justify-self: right;

  > #statuspanel[mirror] {

  justify-self: end;

}



.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing)

#statuspanel-label {

  border-radius: 0 0 var(--letterboxing-status-right-radius) var(--letterboxing-status-left-radius);

  margin: 0;

  border: 1px solid var(--letterboxing-border-color);

  max-width: calc(var(--letterboxing-width) * .5);

}



.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing) > #statuspanel:not([mirror]) #statuspanel-label {

  border-end-start-radius: var(--letterboxing-border-radius);

}



.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing) > #statuspanel[mirror] #statuspanel-label {

  border-end-end-radius: var(--letterboxing-border-radius);

}



browser:fullscreen {

  --letterboxing-border-top-radius: 0;

  --letterboxing-border-radius: 0;