From 48ea692afe53164f33cab572b89bdbc196b843fb Mon Sep 17 00:00:00 2001 From: NGPixel Date: Fri, 7 Feb 2020 21:54:59 -0500 Subject: [PATCH] fix: list items spacing + lang menu max-height --- client/components/common/nav-header.vue | 6 +++--- client/themes/default/scss/app.scss | 10 ++++------ 2 files changed, 7 insertions(+), 9 deletions(-) diff --git a/client/components/common/nav-header.vue b/client/components/common/nav-header.vue index b4a88ff1..e3e4b742 100644 --- a/client/components/common/nav-header.vue +++ b/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 }') diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss index ebe7283e..57e835a7 100644 --- a/client/themes/default/scss/app.scss +++ b/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; } - } + } } // ---------------------------------