Browse Source

fix: list items spacing + lang menu max-height

pull/1452/head
NGPixel 4 years ago
parent
commit
48ea692afe
2 changed files with 7 additions and 9 deletions
  1. 6
      client/components/common/nav-header.vue
  2. 10
      client/themes/default/scss/app.scss

6
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 }')

10
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;
}
}
}
}
// ---------------------------------

Loading…
Cancel
Save