don't show promo nodes while tab is loading

Quicksaver · Feb 27, 2016 · cb1d5de · cb1d5de
1 parent 8024f3a
commit cb1d5de
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/chrome/content/utils/about.xul b/chrome/content/utils/about.xul
@@ -55,7 +55,7 @@
 					</hbox>
 					<html:p>&about.description;</html:p>
 					<html:p>&about.descriptionB;</html:p>
-					<html:p class="promo-matchhead">&about.descriptionC;</html:p>
+					<html:p id="promo-matchhead-desc" hidden="true">&about.descriptionC;</html:p>
 					<html:p class="signature">&about.signature;</html:p>
 				</html:div>
 				<html:div id="bank" class="banked negative" invisible="true">
@@ -133,7 +133,7 @@
 	</prefpane>
 
 	<vbox id="main-wrapper">
-		<html:div id="promo-matchhead" class="promo-matchhead">
+		<html:div id="promo-matchhead" hidden="true">
 			<html:a target="_blank" id="promo-matchhead-tab"/>
 			<html:div id="promo-matchhead-container">
 				<html:a id="promo-matchhead-anchor" target="_blank">

diff --git a/chrome/skin/common/utils/about.css b/chrome/skin/common/utils/about.css
@@ -474,17 +474,19 @@ h5 {
 
 /* #matchhead promo */
 
-page:not([currentcategory="paneAbout"]) .promo-matchhead,
-page:not([showPromo="true"]) .promo-matchhead {
-	display: none !important;
+page[currentcategory="paneAbout"][showPromo="true"] #promo-matchhead-desc {
+	display: block !important;
+}
+
+page[currentcategory="paneAbout"][showPromo="true"] #promo-matchhead {
+	display: flex !important;
 }
 
 #promo-matchhead {
 	pointer-events: none;
 	position: absolute;
 	bottom: 0;
 	left: 0;
-	display: flex;
 	overflow: hidden;
 	transition: bottom 500ms linear;
 }