relates to #56

fac-14 · Sep 20, 2018 · c03ddb6 · c03ddb6
1 parent 17ea2dd
commit c03ddb6
Show file tree

Hide file tree

Showing 5 changed files with 110 additions and 3 deletions.
diff --git a/private/sass/challenges.scss b/private/sass/challenges.scss
@@ -0,0 +1,49 @@
+@import "colors";
+@import "fonts";
+@import "sizes";
+
+
+.tabcontent {
+    display: none;
+    padding: 6px 12px;
+    border: 1px solid #ccc;
+    border-top: none;
+}
+
+
+.tab {
+    overflow: hidden;
+    border: 1px solid #ccc;
+    background-color: #f1f1f1;
+    margin: 110px 1rem  0rem 1rem;
+}
+
+.tab button {
+    background-color: inherit;
+    border: none;
+    cursor: pointer;
+}
+
+
+.tab button:hover {
+    background-color: #ddd;
+}
+
+.tab li:active{
+background-color: yellow;
+}
+.tab nav {
+
+}
+.tab nav ul {
+    list-style: none;
+    display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+
+}
+
+.tab nav ul li button {
+    color: #0d9564;
+    margin: 0.5rem 1rem 0.5rem 1rem;
+}
diff --git a/public/css/challenges.css b/public/css/challenges.css
diff --git a/public/css/challenges.css.map b/public/css/challenges.css.map
diff --git a/src/views/dashboard.hbs b/src/views/dashboard.hbs
@@ -2,10 +2,19 @@
     {{!--
 
     <body onload="document.getElementById('defaultOpen').click()"> --}}
+<!-- Tabbed test -->
+
+
+
         <div class="tab">
-            <button class="tablinks" onclick="openCity(event, 'new-challenge')" id="defaultOpen">New Challenges</button>
-            <button class="tablinks" onclick="openCity(event, 'accepted-challenge')">Accepted Challenges</button>
-            <button class="tablinks" onclick="openCity(event, 'completed-challenge')">Completed Challenges</button>
+            <nav>
+            <ul>
+                <li><button class="tablinks" onclick="openCity(event, 'new-challenge')" id="defaultOpen">New</button></li>
+                <li> <button class="tablinks" onclick="openCity(event, 'accepted-challenge')">Accepted </button></li>
+                <li> <button class="tablinks" onclick="openCity(event, 'completed-challenge')">Completed</button></li>
+            </ul>
+            </nav>
+
         </div>
 
         <!-- New Challenges -->

diff --git a/src/views/partials/header.hbs b/src/views/partials/header.hbs
@@ -9,5 +9,7 @@
   <link rel="stylesheet" href="/css/learn.css">
   <link rel="stylesheet" href="/css/selected-page.css">
   <link rel="stylesheet" href="/css/inventory.css">
+  <link rel="stylesheet" href="/css/challenges.css">
+
   <link href="https://fonts.googleapis.com/css?family=Gugi" rel="stylesheet">
 </head>