Ver código fonte

Examples: Moved previewsToggler opacity toggler to css.

Mr.doob 5 anos atrás
pai
commit
d9dc3d083f
2 arquivos alterados com 13 adições e 11 exclusões
  1. 1 3
      examples/index.html
  2. 12 8
      files/main.css

+ 1 - 3
examples/index.html

@@ -157,9 +157,7 @@
 			previewsToggler.onclick = function ( event ) {
 
 				event.preventDefault();
-
-				var enabled = content.classList.toggle( 'minimal' );
-				previewsToggler.style.opacity = enabled ? 1 : 0.25;
+				content.classList.toggle( 'minimal' );
 
 			};
 

+ 12 - 8
files/main.css

@@ -287,14 +287,6 @@ h1 a {
 		flex-direction: column;
 	}
 
-	#previewsToggler {
-		cursor: pointer;
-		float: right;
-		margin-top: 18px;
-		margin-bottom: -18px;
-		opacity: 0.25;
-	}
-
 	#panel #content {
 		flex: 1;
 		overflow-y: auto;
@@ -343,10 +335,22 @@ h1 a {
 			display: none !important;
 		}
 
+		#panel #content #previewsToggler {
+			cursor: pointer;
+			float: right;
+			margin-top: 18px;
+			margin-bottom: -18px;
+			opacity: 0.25;
+		}
+
 		#panel #content.minimal .cover {
 			display: none;
 		}
 
+		#panel #content.minimal #previewsToggler {
+			opacity: 1;
+		}
+
 		body.home #panel #content h2 {
 			margin-bottom: 2px;
 			padding-bottom: 0px;