From 137d51b4dd64f85055dc55c3eb036874ec00ef8f Mon Sep 17 00:00:00 2001
From: Elia Lazzari <elia.lazzari@gmail.com>
Date: Thu, 18 Jan 2024 13:27:05 +0100
Subject: [PATCH] Add show and hide navbar buttons

---
 src/styles.css | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/src/styles.css b/src/styles.css
index 621444e..a0a689f 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -2,4 +2,37 @@
 .view-container {
     position: relative;
     overflow: hidden;
+}
+
+.showNavbarButton {
+    display: flex;
+    position: absolute;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    z-index: 1000;
+
+    background: rgba(0, 0, 0, 0.09);
+    bottom: 10px;
+    height: 30px;
+    width: 30px;
+    right: 10px;
+
+    transition: background 0.2s ease, color 0.2s ease;
+    
+    &:hover {
+        background-color: rgba(0, 0, 0, 0.8);
+    }
+}
+
+.hideNavbarButton svg {
+    width: 100%;
+    transform: scale(1);
+    transition: transform .2s ease;
+    vertical-align: initial;
+    margin-top: -2;
+
+    &:hover {
+        transform: scale(1.2);
+    }
 }
\ No newline at end of file