IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2026-04-06 01:25:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

small locale menu improvements

Browse Source
This commit is contained in:
Grzegorz Leoniec 2018-12-20 12:20:41 +01:00
parent d2461ce099
commit 8d92ba1e41
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/LocaleSwitch.vue
View File

@ -29,6 +29,7 @@
> >
<a <a
href="#" href="#"
style="display: flex; align-items: center;"
:class="[ :class="[
locale.code, locale.code,
current.code === locale.code && 'active' current.code === locale.code && 'active'
@ -39,7 +40,7 @@
:alt="locale.name" :alt="locale.name"
:title="locale.name" :title="locale.name"
:src="`/img/locale-flags/${locale.code}.svg`" :src="`/img/locale-flags/${locale.code}.svg`"
height="26" width="22"
> {{ locale.name }} > {{ locale.name }}
</a> </a>
</li> </li>
@ -57,7 +58,7 @@ export default {
Dropdown Dropdown
}, },
props: { props: {
placement: { type: String, default: 'right-start' }, placement: { type: String, default: 'bottom-start' },
offset: { type: [String, Number], default: '16' } offset: { type: [String, Number], default: '16' }
}, },
computed: { computed: {
@ -129,6 +130,10 @@ ul.locale-menu-popover {
display: block; display: block;
padding: 0.2rem 0; padding: 0.2rem 0;
img {
margin-right: 8px;
}
&:hover { &:hover {
opacity: 1; opacity: 1;
} }

5
pages/login.vue
View File

@ -20,7 +20,10 @@
center center
> >
<no-ssr> <no-ssr>
<locale-switch class="login-locale-switch" /> <locale-switch
class="login-locale-switch"
offset="5"
/>
</no-ssr> </no-ssr>
<ds-space <ds-space
margin-top="small" margin-top="small"