diff --git a/README.md b/README.md index 0090e1b6..641231cf 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ ![Title](docs/screenshots/title.png)

- Version + Version Documentation @@ -101,7 +101,9 @@ Give a ⭐️ if this project helped you! Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)): + [![All Contributors](https://img.shields.io/badge/all_contributors-54-orange.svg?style=flat-square)](#contributors-) + @@ -178,6 +180,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d + This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome! diff --git a/client/package.json b/client/package.json index 27b0d8ff..0cd41038 100644 --- a/client/package.json +++ b/client/package.json @@ -1,6 +1,6 @@ { "name": "letra-extension", - "version": "1.0.12", + "version": "1.0.13", "description": "Passively learn a new language every time you open a new tab.", "author": "Jaye Hernandez ", "engines": { diff --git a/client/src/manifest.json b/client/src/manifest.json index e4ea8bf2..c6372f3b 100644 --- a/client/src/manifest.json +++ b/client/src/manifest.json @@ -1,7 +1,7 @@ { "name": "Letra", "description": "Passively learn a new language every time you open a new tab.", - "version": "1.0.12", + "version": "1.0.13", "manifest_version": 2, "permissions": ["storage"], "icons": { diff --git a/client/src/store/index.js b/client/src/store/index.js index 8476766f..97e432fc 100644 --- a/client/src/store/index.js +++ b/client/src/store/index.js @@ -125,6 +125,7 @@ export const actions = { toggledDailyData.translations[oldLanguage] = thisTranslation; dispatch('saveDailyData', toggledDailyData); + chrome.storage.sync.set({ dailyData: toggledDailyData }); commit('setLoading', false); }, }; diff --git a/client/src/style/flag.scss b/client/src/style/flag.scss index 04be2426..f6702c44 100644 --- a/client/src/style/flag.scss +++ b/client/src/style/flag.scss @@ -2,9 +2,19 @@ margin-top: $spacing; margin-left: $spacing; margin-right: calc(#{$spacing} + 0.2em); + + &.mt0 { + margin-top: 0; + } } .language-name { max-width: calc(56px + 2 * #{$spacing}); margin: 0 auto; -} \ No newline at end of file +} + +.flag-options { + margin-top: 20px; + margin-bottom: 10px; + color: $primary-color; +} diff --git a/client/src/views/Flag.vue b/client/src/views/Flag.vue index 7db76afe..1d01ad1d 100644 --- a/client/src/views/Flag.vue +++ b/client/src/views/Flag.vue @@ -18,13 +18,20 @@ ) {{ flagLanguage | titleize }} transition(name="fade") div(v-if="showLanguageDropdown") - .flag-list(v-for="language in otherLanguages") - .flag.fadeIn(v-wow data-wow-duration="2s" :key="dailyData.translations[language].flag") + .flag-options Show in: + .flag-list(v-for="(language, index) in otherLanguages") + .flag.fadeIn( + v-wow + data-wow-duration="2s" + :key="dailyData.translations[language].flag" + v-bind:class=`{ mt0: index === 0 }` + ) i( :class="dailyData.translations[language].flag" class="twa twa-4x" @click="toggleActiveLanguage(language); showLanguageDropdown = false;" ) + .language-name {{ language | titleize }}