IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2156 from gradido/2150-Make-language-name-clickable

Browse Source 
feat: 🍰 Add Toogle Collaps On Language Name
This commit is contained in:
Alexander Friedland 2022-08-25 09:35:42 +02:00 committed by GitHub
commit 7563987df8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/components/LanguageSwitch2.vue
View File

@ -1,14 +1,18 @@
<template> <template>
<div class="language-switch"> <div class="language-switch">
<span <div v-b-toggle.collapse-1>
v-for="lang in locales" <span
:key="lang.code" v-for="lang in locales"
class="pointer" :key="lang.code"
:class="$store.state.language === lang.code ? 'c-grey' : 'c-blau'" class="pointer"
> :class="$store.state.language === lang.code ? 'c-grey' : 'c-blau'"
<span v-if="lang.code === $store.state.language" class="locales mr-1">{{ lang.name }}</span> >
</span> <span v-if="lang.code === $store.state.language" class="locales mr-1">
<b-icon v-b-toggle.collapse-1 icon="caret-down-fill" aria-hidden="true"></b-icon> {{ lang.name }}
</span>
</span>
<b-icon icon="caret-down-fill" aria-hidden="true"></b-icon>
</div>
<b-collapse id="collapse-1" class="mt-4"> <b-collapse id="collapse-1" class="mt-4">
<span <span
v-for="(lang, index) in locales" v-for="(lang, index) in locales"