Merge branch 'feature/replace-panel-switcher' into 'develop'

Mobile side drawer

See merge request pleroma/pleroma-fe!443

1 files changed, 23 insertions, 3 deletions

diff --git a/src/App.scss b/src/App.scss
index 9c8e2ad3..ed06bbbc 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -473,6 +473,24 @@ nav {
   }
 }
 
+.menu-button {
+  display: none;
+  position: relative;
+}
+
+.alert-dot {
+  border-radius: 100%;
+  height: 8px;
+  width: 8px;
+  position: absolute;
+  left: calc(50% - 4px);
+  top: calc(50% - 4px);
+  margin-left: 6px;
+  margin-top: -6px;
+  background-color: $fallback--cRed;
+  background-color: var(--badgeNotification, $fallback--cRed);
+}
+
 .fade-enter-active, .fade-leave-active {
   transition: opacity .2s
 }
@@ -524,9 +542,6 @@ nav {
     .back-button {
       display: none;
     }
-    .site-name {
-      padding-left: 20px;
-    }
   }
 
   .sidebar-bounds {
@@ -665,4 +680,9 @@ nav {
       max-width: 4em;
     }
   }
+
+  .menu-button {
+    display: block;
+    margin-right: 0.8em;
+  }
 }