Bug 1491449 - Ensure the warning descriptions in the Third-Party Cookies section of the content blocking UI don't consume vertical height when they're invisible; r=johannh
☠☠ backed out by 3b43ef0d83a0 ☠ ☠
authorEhsan Akhgari <ehsan@mozilla.com>
Fri, 14 Sep 2018 20:16:41 -0400
changeset 436783 8c419e33f65757ed32f5f3b9d73ea454a3c73c2b
parent 436782 731089f123c6abf52f23d7ff7a52b2ca283ef0fa
child 436784 b2c1501970c68411422d2148e690760d85b35a8a
push id34660
push userbtara@mozilla.com
push dateMon, 17 Sep 2018 21:58:52 +0000
treeherdermozilla-central@87a95e1b7ec6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjohannh
bugs1491449
milestone64.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1491449 - Ensure the warning descriptions in the Third-Party Cookies section of the content blocking UI don't consume vertical height when they're invisible; r=johannh Differential Revision: https://phabricator.services.mozilla.com/D5925
browser/themes/shared/incontentprefs/privacy.css
--- a/browser/themes/shared/incontentprefs/privacy.css
+++ b/browser/themes/shared/incontentprefs/privacy.css
@@ -122,25 +122,33 @@
   margin: 16px 0;
 }
 
 .content-blocking-category-labels {
   padding-inline-start: 4px;
   margin-inline-start: 25px !important;
 }
 
-#trackingProtectionMenu,
-#blockCookiesCB {
+#trackingProtectionMenu {
   margin-top: 0.75em;
 }
 
 #blockCookiesCBDeck {
   max-width: 444px;
 }
 
+#blockCookiesCBDeck:not([selectedIndex]) > .warning-description,
+#blockCookiesCBDeck[selectedIndex="0"] > .warning-description {
+  display: none;
+}
+
+#blockCookiesCBDeck > .warning-description {
+  margin-bottom: 0.75em !important;
+}
+
 #changeBlockListLink {
   font-size: 90%;
   /* In order to override the margins set in preferences.inc.css, we have to use !important. */
   margin-top: 1em !important;
 }
 
 .content-blocking-category-description {
   font-size: 90%;