Commit 47cf1093 authored by henry's avatar henry Committed by Pier Angelo Vendrame
Browse files

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

TB 44214: Rename CSS variable from top-radius to radius-top. This is
closer to what upstream has done recently for tokens, where higher
specificity is appended.
parent 009f094c

toolkit/components/resistfingerprinting/content/letterboxing.css

+6 −6
Original line number Diff line number Diff line
@@ -20,7 +20,7 @@ 
#tabbrowser-tabbox.letterboxing {

  --letterboxing-bgcolor: var(--tabpanel-background-color);

  --letterboxing-border-radius: 8px;

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

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

  --letterboxing-vertical-alignment: start;

  --letterboxing-shadow-color: rgba(12, 12, 13, 0.1);

  --letterboxing-border-color: var(--letterboxing-bgcolor);
@@ -36,7 +36,7 @@ 
  }



  &.letterboxing-vcenter {

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

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

    --letterboxing-vertical-alignment: center;

  }

}
@@ -53,15 +53,15 @@ 
  :root:not([inDOMFullscreen]) .letterboxing &.letterboxing-show-outline {

    browser {

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

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

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

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

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

    }



    .browserDecorator {

      display: initial;

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

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

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

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

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

      box-shadow:

        var(--letterboxing-border-color) 0 0 0.1px inset,

        var(--letterboxing-border-color) 0 0 0.1px;