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

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

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