Commit a9335df1 authored by Tim Nguyen's avatar Tim Nguyen
Browse files

Bug 1576946 - Implement <stack> using CSS Grid. r=bgrins

Differential Revision: https://phabricator.services.mozilla.com/D46226

--HG--
extra : moz-landing-system : lando
parent c8965196
Loading
Loading
Loading
Loading
+0 −1
Original line number Diff line number Diff line
@@ -944,7 +944,6 @@ menupopup[emptyplacesresult="true"] > .hide-if-empty-places-result {
  /* should occupy space but not be visible */
  opacity: 0;
  pointer-events: none;
  -moz-stack-sizing: ignore;
}

browser[tabmodalPromptShowing] {
+1 −2
Original line number Diff line number Diff line
@@ -149,8 +149,7 @@
            <label class="protections-popup-footer-button-label" flex="1">&protections.showreport.label;</label>
          </toolbarbutton>
          <hbox id="protections-popup-trackers-blocked-counter-box"
                align="center"
                end="0">
                align="center">
            <description id="protections-popup-trackers-blocked-counter-description"
                         onclick="gProtectionsHandler.openProtections(true);"/>
          </hbox>
+1 −1
Original line number Diff line number Diff line
@@ -68,7 +68,7 @@
  <stringbundle id="browserBundle"
                src="chrome://browser/locale/browser.properties"/>

  <stack flex="1">
  <stack id="preferences-stack" flex="1">
  <hbox flex="1">

    <vbox class="navigation">
+1 −0
Original line number Diff line number Diff line
@@ -1095,6 +1095,7 @@ description#identity-popup-content-verifier,
  visibility: hidden;
  opacity: 0;
  transition: opacity 200ms linear;
  justify-self: end;
}

#protections-popup-trackers-blocked-counter-box[showing] {
+13 −0
Original line number Diff line number Diff line
@@ -21,6 +21,19 @@
  -moz-user-select: text;
}

/*
  The default min-height:auto value makes grid items (and XUL flex items) refuse
  to be smaller than their content. In this case, we have some tall very content
  inside of us, and yet we don't want to be taller than the viewport (and we know
  the tall content will still be accessible via scrollbars regardless if we're a
  shorter height). So we use min-height:0 to allow ourselves to be smaller than
  our content height so we can fit the viewport size.
*/
#preferences-stack,
#preferences-stack > * {
  min-height: 0;
}

.main-content {
  padding-top: 0;
}
Loading