瀏覽代碼

fix: list items spacing + lang menu max-height

NGPixel 5 年之前
父節點
當前提交
48ea692afe
共有 2 個文件被更改,包括 7 次插入9 次删除
  1. 3 3
      client/components/common/nav-header.vue
  2. 4 6
      client/themes/default/scss/app.scss

+ 3 - 3
client/components/common/nav-header.vue

@@ -93,7 +93,7 @@
           //- LANGUAGES
 
           template(v-if='mode === `view` && locales.length > 0')
-            v-menu(offset-y, bottom, transition='slide-y-transition')
+            v-menu(offset-y, bottom, transition='slide-y-transition', max-height='320px', min-width='210px', left)
               template(v-slot:activator='{ on: menu }')
                 v-tooltip(bottom)
                   template(v-slot:activator='{ on: tooltip }')
@@ -110,7 +110,7 @@
           //- PAGE ACTIONS
 
           template(v-if='isAuthenticated && path && mode !== `edit`')
-            v-menu(offset-y, bottom, transition='slide-y-transition')
+            v-menu(offset-y, bottom, transition='slide-y-transition', left)
               template(v-slot:activator='{ on: menu }')
                 v-tooltip(bottom)
                   template(v-slot:activator='{ on: tooltip }')
@@ -154,7 +154,7 @@
 
           //- ACCOUNT
 
-          v-menu(v-if='isAuthenticated', offset-y, bottom, min-width='300', transition='slide-y-transition')
+          v-menu(v-if='isAuthenticated', offset-y, bottom, min-width='300', transition='slide-y-transition', left)
             template(v-slot:activator='{ on: menu }')
               v-tooltip(bottom)
                 template(v-slot:activator='{ on: tooltip }')

+ 4 - 6
client/themes/default/scss/app.scss

@@ -312,8 +312,8 @@
   // ---------------------------------
 
   ol, ul {
-	  padding: 1rem 0 0 0;
-     list-style-position: inside;
+    padding: 1rem 0 0 0;
+    list-style-position: inside;
 
     @at-root .is-rtl & {
       padding-left: 0;
@@ -472,7 +472,7 @@
     }
   }
 
-ul {
+  ul {
     list-style: none;
     width: 100%;
     > li::before {
@@ -486,14 +486,12 @@ ul {
       }
     }
     > li {
-      display:flex;
-      flex-wrap: wrap;
       > p {
         display:inline-block;
         vertical-align:top;
         padding-top:0;
       }
-  }
+    }
   }
 
   // ---------------------------------