Merge pull request #25 from googlecodelabs/22

aliafshar · aliafshar · commit f6f5deb690b4 · 2016-02-17T15:04:03.000-08:00
Fixes #22
diff --git a/codelab-style.html b/codelab-style.html
@@ -32,6 +32,7 @@
   --paper-drawer-panel-left-drawer-container: {
     background: var(--google-codelab-background, --paper-grey-100);
     overflow-y: auto;
+    z-index: 1;
   };
   --paper-drawer-panel-main-container: {
     background: var(--google-codelab-background, --paper-grey-300);
@@ -49,7 +50,7 @@
 }
 
 
-#drawer[narrow] #controls {
+#controls[narrow] {
   width: 100%;
 }
 
diff --git a/google-codelab.html b/google-codelab.html
@@ -130,7 +130,7 @@ <h1 class="title">{{title}}</h1>
 
     </paper-drawer-panel>
 
-    <footer id="controls" hidden$="[[noArrows]]">
+    <footer id="controls" hidden$="[[noArrows]]" narrow$="[[_narrow]]">
       <div class="fabs layout horizontal justified">
         <paper-fab raised class="navbutton prevbutton" icon="chevron-left"
           on-tap="selectPrevious"

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@`
`32`	`32`	`--paper-drawer-panel-left-drawer-container: {`
`33`	`33`	`background: var(--google-codelab-background, --paper-grey-100);`
`34`	`34`	`overflow-y: auto;`
	`35`	`+ z-index: 1;`
`35`	`36`	`};`
`36`	`37`	`--paper-drawer-panel-main-container: {`
`37`	`38`	`background: var(--google-codelab-background, --paper-grey-300);`
`@@ -49,7 +50,7 @@`
`49`	`50`	`}`
`50`	`51`
`51`	`52`
`52`		`-#drawer[narrow] #controls {`
	`53`	`+#controls[narrow] {`
`53`	`54`	`width: 100%;`
`54`	`55`	`}`
`55`	`56`