fix: display the main menu dots on mobile

houshuang · Feb 9, 2021 · a7c41eb · a7c41eb
1 parent 6485b09
commit a7c41eb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/src/main/frontend/components/header.cljs b/src/main/frontend/components/header.cljs
@@ -77,8 +77,9 @@
         {:on-click toggle-fn}
         (svg/horizontal-dots nil)])
      (->>
-      [{:title (t :help/toggle-right-sidebar)
-        :options {:on-click state/toggle-sidebar-open?!}}
+      [(when-not (util/mobile?)
+         {:title (t :help/toggle-right-sidebar)
+          :options {:on-click state/toggle-sidebar-open?!}})
 
        (when current-repo
          {:title (t :graph)

diff --git a/src/main/frontend/components/header.css b/src/main/frontend/components/header.css
@@ -47,7 +47,10 @@
 .cp__header-logo,
 .cp__right-menu-button {
   opacity: 0.7;
-  display: none;
+}
+
+.cp__header-logo {
+    display: none;
 }
 
 .cp__header-logo:hover,
@@ -64,6 +67,10 @@
   @apply ml-3;
 }
 
+.cp__right-menu-button {
+    display: block;
+}
+
 @screen sm {
   .cp__header {
     @apply shadow-none;
@@ -77,8 +84,4 @@
     display: flex;
     align-items: center;
   }
-
-  .cp__right-menu-button {
-    display: block;
-  }
 }