Appendix A: style adjustments

cassiozen · cassiozen · commit 5a228543e202 · 2016-01-28T04:07:17.000-02:00
diff --git a/materials/appendixA/index.html b/materials/appendixA/index.html
@@ -12,7 +12,7 @@
   </head>
   <body>
     <header>
-      <button id="menu">☰</button>
+      <button id="menu"><svg height="32px" viewBox="0 0 32 32" width="32px"><path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z"/></svg></button>
     </header>
     <nav>
       <a href="http://www.pro-react.com">
diff --git a/materials/appendixA/main.js b/materials/appendixA/main.js
@@ -8,7 +8,7 @@ $('#menu').click(function(e){
     $('nav').show();
   }
 });
-console.log("fre")
+
 var resizing = false;
 $(window).on('resize', function(){
  if( !resizing ) {
@@ -28,6 +28,7 @@ function moveNavigation(){
 }
 
 
+
 // Cache selectors
 var lastId,
     menu = $("#menu-items"),
diff --git a/materials/appendixA/styles.css b/materials/appendixA/styles.css
@@ -131,11 +131,17 @@ header button {
   color: #fff;
   font-size: 25px;
   position: absolute;
-top: 50%;
-transform: translateY(-50%);
+  top: 54%;
+  transform: translateY(-50%);
 }
 header button:focus {outline:0;}
 
+header button svg {
+    fill: #fff;
+}​
+
+
+
 main {
   width: calc(100% - 270px);
   margin-left: 270px;
