Merge pull request #9 from github/fix-slide-links

Fallback to tab-toggle with visibility due to browser opacity issues
github · Jan 9, 2014 · bdd59ad · bdd59ad
2 parents 3aa6af5 + 358e552
commit bdd59ad
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/_stylesheets/materials.css b/_stylesheets/materials.css
@@ -179,7 +179,7 @@ section {
       font-size: 80%; }
   .tab-panel .panel-content {
     width: 200%;
-    opacity: 0;
+    visibility: hidden;
     position: absolute;
     left: -50%;
     -webkit-transition: opacity 400ms;
@@ -206,7 +206,7 @@ section {
         color: #fff;
         opacity: 1; }
     .tab-panel input.material-type:checked + label.tab > div.panel-content {
-      opacity: 1; }
+      visibility: visible; }
 
 footer {
   float: left;

diff --git a/_stylesheets/materials.scss b/_stylesheets/materials.scss
@@ -221,8 +221,8 @@ section{
 
 	.panel-content{
 		width: 200%;
-		// visibility: hidden;
-		opacity: 0;
+		visibility: hidden;
+		// opacity: 0;
 		position: absolute;
 		left: -50%;
 
@@ -262,8 +262,8 @@ section{
 		}
 
 		&:checked + label.tab > div.panel-content{
-			// visibility: visible;
-			opacity: 1;
+			visibility: visible;
+			// opacity: 1;
 		}
 	}
 }