Permalink
Browse files

fix: Remove flags and use text for languages, thanks to @scramantha

  • Loading branch information...
Atinux committed Jul 31, 2018
1 parent 25a3fd5 commit 8098452dc1d3a34679edff37c68741cbb12f9a94

This file was deleted.

Oops, something went wrong.
@@ -31,5 +31,4 @@
@import "icons/eye";
@import "icons/folder";
@import "icons/file";
@import "flags";
@import "more_vertical";
@@ -7,24 +7,35 @@
<nuxt-header-nav-menu/>
</div>
<div class="Nav__Lang">
<nuxt-header-nav-lang/>
<nuxt-header-nav-menu-dropdown :dropdownList="langList" :dropdownLabel="$store.state.lang.iso.toUpperCase()" />
</div>
</nav>
</template>
<script>
import NuxtHeaderNavSearch from '~/components/HeaderNavSearch.vue'
import NuxtHeaderNavMenu from '~/components/HeaderNavMenu.vue'
import NuxtHeaderNavLang from '~/components/HeaderNavLang.vue'
import NuxtHeaderNavMenuDropdown from '~/components/HeaderNavMenuDropdown.vue'
export default {
computed: {
visible() { return this.$store.state.visibleHeader }
visible() { return this.$store.state.visibleHeader },
langList() {
return [
{ name: 'English', path: 'https://nuxtjs.org' + this.$route.path, target: '_blank' },
{ name: 'Français', path: 'https://fr.nuxtjs.org' + this.$route.path, target: '_blank' },
{ name: '简体中文', path: 'https://zh.nuxtjs.org' + this.$route.path, target: '_blank' },
{ name: '日本語', path: 'https://ja.nuxtjs.org' + this.$route.path, target: '_blank' },
{ name: '한국어', path: 'https://ko.nuxtjs.org' + this.$route.path, target: '_blank' },
{ name: 'Русский', path: 'https://ru.nuxtjs.org' + this.$route.path, target: '_blank' },
{ name: 'Indonesian', path: 'https://id.nuxtjs.org' + this.$route.path, target: '_blank' }
]
}
},
components: {
NuxtHeaderNavSearch,
NuxtHeaderNavMenu,
NuxtHeaderNavLang
NuxtHeaderNavMenuDropdown
}
}
</script>

This file was deleted.

Oops, something went wrong.
@@ -21,10 +21,10 @@
</nuxt-link>
</li>
<li class="Menu__Item">
<nuxt-header-nav-menu-dropdown/>
<nuxt-header-nav-menu-dropdown :dropdownList="dropdownList" :dropdownLabel="$store.state.lang.links.ecosystem" />
</li>
</ul>
</nav>
</nav>
</template>
<script>
@@ -33,41 +33,66 @@ import NuxtHeaderNavMenuDropdown from '~/components/HeaderNavMenuDropdown.vue'
export default {
components: {
NuxtHeaderNavMenuDropdown
},
data() {
return {
dropdownList: [
{
name: this.$store.state.lang.links.github,
path: 'https://github.com/nuxt',
target: '_blank'
},
{
name: this.$store.state.lang.links.twitter,
path: 'https://twitter.com/nuxt_js',
target: '_blank'
},
{
name: this.$store.state.lang.links.chat,
path: 'https://gitter.im/nuxt/nuxt.js',
target: '_blank'
},
{
name: this.$store.state.lang.links.vuejs,
path: 'https://vuejs.org',
target: '_blank'
},
{
name: this.$store.state.lang.links.vue_jobs,
path: 'https://vuejobs.com/?ref=nuxtjs',
target: '_blank'
}
]
}
}
}
</script>
<style lang="scss" scoped>
.Menu
{
.Menu {
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
list-style: none;
justify-content: space-between;
@media (min-width: 991px)
{
@media (min-width: 991px) {
flex: 1;
flex-wrap: nowrap;
padding-left: 15px;
}
&__Item
{
&__Item {
width: 100%;
display: flex;
border-bottom: 1px solid #dbdfe1;
@media (min-width: 991px)
{
@media (min-width: 991px) {
border-bottom: none;
}
&:last-child
{
&:last-child {
border-bottom: none;
}
&__Link
{
&__Link {
height: 60px;
display: flex;
width: 100%;
@@ -77,17 +102,15 @@ export default {
font-size: 16px;
text-decoration: none;
letter-spacing: 0.5px;
&:hover
{
&:hover {
color: #41b883;
}
@media (min-width: 991px)
{
@media (min-width: 991px) {
height: 79px;
}
}
.nuxt-link-active, .nuxt-link-active:hover
{
.nuxt-link-active,
.nuxt-link-active:hover {
color: #41b883;
}
}
Oops, something went wrong.

0 comments on commit 8098452

Please sign in to comment.