Fix for ads not displaying. CSS tweaks.

Author: gskinner

dev/lib/native.js

@@ -108,7 +108,6 @@ window._native_go = function (json) {
 			selectedTarget.setAttribute('data-state', 'visible');
 		} else {
 			selectedTarget.innerHTML = null;
-			selectedTarget.style.display = 'none';
 		}
 	});
 };

dev/sass/views/ad.scss

@@ -1,25 +1,25 @@
 .native-js {
-	transition: all .5s ease-in-out;
-	//visibility: hidden;
-	//opacity: 0;
-	//display: none;
+	transition: all 0.25s ease-in-out;
+	opacity: 0;
+	position: absolute;
+	top: 0;
   }
-  
-  .native-show {
-	visibility: visible;
+
+  .native-js[data-state=visible] {
+	position: static;
 	opacity: 1;
   }
 
   .native-img {
-	margin-right: $pad;
+	margin-right: $pad*0.75;
 	max-height: 40px;
 	max-width: 27%;
 	border-radius: 3px;
   }
 
   .native-flex {
 	display: flex;
-	padding: $pad;
+	padding: $pad*0.5 $pad*0.75;
 	text-decoration: none;
 
 	flex-flow: row nowrap;
@@ -29,7 +29,6 @@
 
   .native-main {
 	display: flex;
-	flex-grow: 1;
 
 	flex-flow: row nowrap;
 	align-items: center;
@@ -39,7 +38,7 @@
 	display: flex;
 	font-size: 12px;
 
-	flex-flow: column nowrap;
+	flex-flow: column;
   }
 
   .native-company {
@@ -53,7 +52,11 @@
   .native-desc {
 	letter-spacing: 1px;
 	font-weight: 300;
-	line-height: 1.4;
+	line-height: 1.3em;
+	text-overflow: ellipsis;
+	max-height: 3.7em;
+	overflow: hidden;
+	position: relative;
   }
 
   .native-cta {

dev/src/RegExr.js

@@ -66,7 +66,7 @@ export default class RegExr extends EventDispatcher {
 		window.onbeforeunload = (e) => this.unsaved ? "You have unsaved changes." : null;
 		this.resetUnsaved();
 
-		setTimeout(() => this._initAds(), 500);
+		setTimeout(() => this._initAds(), 100);
 	}
 
 	_initAds() {

index.html

@@ -62,7 +62,7 @@
 				</div>
 			</ul>
 			<ul class="file">
-				<li class="save"><span class="action">Save</span> <span class="savekey">(--)</span></li>
+				<li class="save disabled"><span class="action">Save</span> <span class="savekey">(--)</span></li>
 				<li class="new">New</li>
 			</ul>
 			<ul class="etc">