Commit 5b3d2a58 authored by ma1's avatar ma1 Committed by Pier Angelo Vendrame
Browse files

BB 41916: Letterboxing preferences UI

parent 1bf76cfc

browser/components/preferences/jar.mn

+5 −0
Original line number Diff line number Diff line
@@ -71,3 +71,8 @@ browser.jar: 
   content/browser/preferences/widgets/update-information.css          (widgets/update-information/update-information.css)

   content/browser/preferences/widgets/update-state.mjs          (widgets/update-state/update-state.mjs)

   content/browser/preferences/widgets/update-state.css          (widgets/update-state/update-state.css)



   content/browser/preferences/letterboxing.js

   content/browser/preferences/letterboxing.css

   content/browser/preferences/letterboxing-middle.svg

   content/browser/preferences/letterboxing-top.svg

browser/components/preferences/letterboxing-middle.svg

0 → 100644
+20 −0
Original line number Diff line number Diff line 
<svg width="54" height="42" xmlns="http://www.w3.org/2000/svg">

<rect width="54" height="42" fill="light-dark(#CFCFD8, #5B5B66)"/>

<rect width="54" height="11" fill="light-dark(#F0F0F4, #42414D)"/>

<rect width="54" height="5" fill="light-dark(#E0E0E6, #2B2A33)"/>

<g fill="light-dark(#52525E, white)">

  <rect x="5" y="2" width="12" height="2" rx="1"/>

  <rect x="50" y="7" width="2" height="2" rx="1"/>

  <rect x="2" y="7" width="2" height="2" rx="1"/>

  <rect x="6" y="7" width="2" height="2" rx="1"/>

  <rect x="10" y="7" width="38" height="2" rx="1"/>

</g>

<g fill="light-dark(white, #3A3944)">

  <rect x="4" y="15" width="46" height="23" rx="2"/>

</g>

<g fill="light-dark(#52525E, white)">

  <rect x="8" y="19" width="27" height="2" rx="1"/>

  <rect x="8" y="23" width="16" height="2" rx="1"/>

  <rect x="8" y="27" width="31" height="2" rx="1"/>

</g>

</svg>

browser/components/preferences/letterboxing-top.svg

0 → 100644
+21 −0
Original line number Diff line number Diff line 
<svg width="54" height="42" xmlns="http://www.w3.org/2000/svg">

<rect width="54" height="42" fill="light-dark(#CFCFD8, #5B5B66)"/>

<rect width="54" height="11" fill="light-dark(#F0F0F4, #42414D)"/>

<rect width="54" height="5" fill="light-dark(#E0E0E6, #2B2A33)"/>

<g fill="light-dark(#52525E, white)">

  <rect x="5" y="2" width="12" height="2" rx="1"/>

  <rect x="50" y="7" width="2" height="2" rx="1"/>

  <rect x="2" y="7" width="2" height="2" rx="1"/>

  <rect x="6" y="7" width="2" height="2" rx="1"/>

  <rect x="10" y="7" width="38" height="2" rx="1"/>

</g>

<g fill="light-dark(white, #3A3944)">

  <rect x="4" y="11" width="46" height="27" rx="2"/>

  <rect x="4" y="11" width="46" height="4"/>

</g>

<g fill="light-dark(#52525E, white)">

  <rect x="8" y="15" width="27" height="2" rx="1"/>

  <rect x="8" y="19" width="16" height="2" rx="1"/>

  <rect x="8" y="23" width="31" height="2" rx="1"/>

</g>

</svg>

browser/components/preferences/letterboxing.css

0 → 100644
+11 −0
Original line number Diff line number Diff line 
#letterboxingCategory.hide-all-letterboxing {

  display: none;

}



.letterboxing-overview {

  margin-block-end: var(--space-xxlarge);

}



.letterboxing-chooser-item.appearance-chooser-item {

  flex: 0 1 200px;

}

browser/components/preferences/letterboxing.inc.xhtml

0 → 100644
+26 −0
Original line number Diff line number Diff line 
<script src="chrome://browser/content/preferences/letterboxing.js" />

<vbox

  id="letterboxingCategory"

  class="subcategory"

  hidden="true"

  data-category="paneGeneral"

>

  <html:h1 data-l10n-id="letterboxing-header" />

  <description class="letterboxing-overview description-deemphasized">

    <html:span data-l10n-id="letterboxing-overview"></html:span>

    <html:a

      is="moz-support-link"

      tor-manual-page="anti-fingerprinting_letterboxing"

      data-l10n-id="letterboxing-learn-more"

    ></html:a>

  </description>

</vbox>

<groupbox data-category="paneGeneral" hidden="true">

  <html:setting-group groupid="letterboxingDisabled"></html:setting-group>

</groupbox>

<groupbox data-category="paneGeneral" hidden="true">

  <html:setting-group groupid="letterboxingSize"></html:setting-group>

</groupbox>

<groupbox data-category="paneGeneral" hidden="true">

  <html:setting-group groupid="letterboxingAlignment"></html:setting-group>

</groupbox>