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

Jordan McCullough · Jordan McCullough · commit bdd59ade16e6 · 2014-01-08T22:41:18.000-08:00
Fallback to tab-toggle with visibility due to browser opacity issues
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;
 		}
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -221,8 +221,8 @@ section{`
`221`	`221`
`222`	`222`	`.panel-content{`
`223`	`223`	`width: 200%;`
`224`		`- // visibility: hidden;`
`225`		`- opacity: 0;`
	`224`	`+ visibility: hidden;`
	`225`	`+ // opacity: 0;`
`226`	`226`	`position: absolute;`
`227`	`227`	`left: -50%;`
`228`	`228`
`@@ -262,8 +262,8 @@ section{`
`262`	`262`	`}`
`263`	`263`
`264`	`264`	`&:checked + label.tab > div.panel-content{`
`265`		`- // visibility: visible;`
`266`		`- opacity: 1;`
	`265`	`+ visibility: visible;`
	`266`	`+ // opacity: 1;`
`267`	`267`	`}`
`268`	`268`	`}`
`269`	`269`	`}`