Ref #3: add top nav button

AAAsso · Nov 21, 2017 · aca3a24 · aca3a24
1 parent 425babd
commit aca3a24
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 1 deletion.
diff --git a/app/Resources/views/default/index.html.twig b/app/Resources/views/default/index.html.twig
@@ -7,6 +7,35 @@
 
 
 {% block body %}
+    <div id="top-strip-navigation" class="row">
+        <div class="col text-center">
+            <button type="button" class="btn btn-outline-secondary">
+                <span class="oi oi-chevron-left"></span>
+                <span class="oi oi-chevron-left"></span>
+            </button>
+        </div>
+        <div class="col text-center">
+            <button type="button" class="btn btn-outline-primary">
+                <span class="oi oi-chevron-left"></span>
+            </button>
+        </div>
+        <div class="col text-center">
+            <button type="button" class="btn btn-outline-secondary">
+                <!-- share on mastodon -->
+            </button>
+        </div>
+        <div class="col text-center">
+            <button type="button" class="btn btn-outline-primary">
+                <span class="oi oi-chevron-right"></span>
+            </button>
+        </div>
+        <div class="col text-center">
+            <button type="button" class="btn btn-outline-secondary">
+                <span class="oi oi-chevron-right"></span>
+                <span class="oi oi-chevron-right"></span>
+            </button>
+        </div>
+    </div>
     <div id="strip-container">
         <img id="default-strip" class="align-self-end" src="{{ asset('images/default-strip.png') }}">
     </div>

diff --git a/web/css/default/index.css b/web/css/default/index.css
@@ -4,4 +4,18 @@
 
 #strip-container > img {
     width: 100%;
-}
+}
+
+#top-strip-navigation {
+    margin-bottom: 30px;
+}
+
+#top-strip-navigation > div > button {
+    height: 40px;
+    width: 40px;
+    border-radius: 20px;
+    font-size: 10px;
+    padding: 0px;
+    text-align: center;
+}
+