navbar fixed

4 years ago · 77c49e9c9b
parent d2397e7c46
commit 77c49e9c9b
7 changed files with 17 additions and 15 deletions
--- a/client/addPodcast.html
+++ b/client/addPodcast.html
@ -3,7 +3,6 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ==" crossorigin="anonymous" />
    <title>Add Podcast - PodGrab</title>
    {{template "commoncss"}}
    <style>
@ -33,7 +32,8 @@
 <hr>
 <div class="row" id="searchContainer">
    <h4>Search for your favorite podcast</h4>
-    <p>Experimental: Uses iTunes API to show search results.</p>
+    <i><small>Experimental: Uses iTunes API to show search results.</small></i>
+    <br>
    <form action="/search" method="post" @submit="search">
        <div class="nine columns">
        <input type="search" name="search" id="search" placeholder="Search for your podcast" v-model="query" class="u-full-width">
--- a/client/commoncss.html
+++ b/client/commoncss.html
@ -1,4 +1,7 @@
 {{define "commoncss"}}
+<link rel="stylesheet" href="/webassets/skeleton.min.css" integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ==" crossorigin="anonymous" />
+
+
 <style>
    .container {
 max-width: 800px; }
--- a/client/episodes.html
+++ b/client/episodes.html
@ -3,7 +3,6 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ==" crossorigin="anonymous" />
    <title>PodGrab</title>
    {{template "commoncss"}}
    <style>
--- a/client/index.html
+++ b/client/index.html
@ -3,7 +3,6 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ==" crossorigin="anonymous" />
    <title>PodGrab</title>
    {{template "commoncss"}}
    <style>
--- a/client/navbar.html
+++ b/client/navbar.html
@ -49,7 +49,7 @@
 
 }

-#overlay{
+#overlay, .drawer{
  display: none;
 }

@ -67,7 +67,8 @@
  padding-top: 20px;
  overflow-x: hidden; /* Disable horizontal scroll */
 display: block;
-  transition: 0.25s; /* 0.5 second transition effect to slide in the sidenav */
+  transition: 0.25s ease; /* 0.5 second transition effect to slide in the sidenav */
+  
 }

 .drawer li{
@ -107,13 +108,13 @@ div#overlay{
 }

 #burger div{
-  width: 35px;
+  width: 30px;
  height: 2px;
  background-color: black;
  margin: 6px 0;
 }
 .bar1, .bar2, .bar3 {
-  width: 35px;
+  width: 15px;
  height: 2px;
  background-color: #333;
  margin: 6px 0;
@ -121,16 +122,16 @@ div#overlay{
 #closeDrawer{
  display: inline-block;
  position: absolute;
-    top: 0;
-    right: 0;
+    top: 5px;
+    right: 5px;
 }
 #closeDrawer .bar1{
-  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
-  transform: rotate(-45deg) translate(-9px, 6px) ;
+  -webkit-transform: rotate(-45deg) translate(-7px, 6px) ;
+  transform: rotate(-45deg) translate(-7x, 6px) ;
 }
 #closeDrawer .bar3{
-  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
-  transform: rotate(45deg) translate(-8px, -8px) ;
+  -webkit-transform: rotate(45deg) translate(1px, 1px) ;
+  transform: rotate(45deg) translate(1px, 1px) ;
 }
 }

--- a/client/settings.html
+++ b/client/settings.html
@ -3,7 +3,6 @@
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" integrity="sha512-EZLkOqwILORob+p0BXZc+Vm3RgJBOe1Iq/0fiI7r/wJgzOFZMlsqTa29UEl6v6U6gsV4uIpsNZoV32YZqrCRCQ==" crossorigin="anonymous" />
    <title>PodGrab</title>
    {{template "commoncss"}}
    <style>
--- a/webassets/skeleton.min.css
+++ b/webassets/skeleton.min.css