[FEATURE] add language dropdown label (#238)

* [TASK] add label next to language menu flag * [TASK] changed labels, added styling for label * update css/less * Revert "update css/less" This reverts commit 670f833.
t3kit · Jun 9, 2017 · e7751e5 · e7751e5
1 parent b38183a
commit e7751e5
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 5 deletions.
diff --git a/Configuration/TypoScript/Library/locallang.setupts b/Configuration/TypoScript/Library/locallang.setupts
@@ -1,7 +1,7 @@
 plugin.tx_themes {
     _LOCAL_LANG {
         default {
-            languageMenu_label = Website language
+            languageMenu_label = Choose language
             breadcrumb_label = You are here
             imprint_label = Imprint
             quickSearch_label = Search
@@ -13,7 +13,7 @@ plugin.tx_themes {
             search_placeholder = Search...
         }
         sv {
-            languageMenu_label = Webbsidaspråk
+            languageMenu_label = Välj språk
             breadcrumb_label = Du är här
             imprint_label = Imprint
             quickSearch_label = Sök
@@ -25,7 +25,7 @@ plugin.tx_themes {
             search_placeholder = Sök...
         }
         de {
-            languageMenu_label = Website-Sprache
+            languageMenu_label = Wähle deine Sprache aus
             breadcrumb_label = Sie sind hier
             imprint_label = Impressum
             quickSearch_label = Suche
@@ -37,7 +37,7 @@ plugin.tx_themes {
             search_placeholder = Suche...
         }
         da {
-            languageMenu_label = Website-sprog
+            languageMenu_label = Vælg sprog
             breadcrumb_label = Du er her
             imprint_label = Om netstedet
             quickSearch_label = Søg

diff --git a/Configuration/TypoScript/Library/themes.header.constantsts b/Configuration/TypoScript/Library/themes.header.constantsts
@@ -13,6 +13,8 @@ themes.configuration.elem.status.showHeaderTop = 1
 themes.configuration.elem.status.showHeaderTopContacts = 1
 # cat=header,advanced/header_top; type=options[0,1]; label= Show Header Top LangMenu
 themes.configuration.elem.status.showHeaderTopLangMenu = 0
+# cat=header,advanced/header_top; type=options[0,1]; label= Show Header Top LangLabel
+themes.configuration.elem.status.showHeaderTopLangLabel = 0
 # cat=header,advanced/header_top; type=options[0,1]; label= Show Header Top Search
 themes.configuration.elem.status.showHeaderTopSearch = 0
 # cat=header,advanced/header_top; type=options[0,1]; label= Show Header Main Menu Search

diff --git a/Resources/Private/Templates/FluidStyledContent/LanguageMenuStandard.html b/Resources/Private/Templates/FluidStyledContent/LanguageMenuStandard.html
@@ -1,10 +1,14 @@
+{namespace theme=KayStrobach\Themes\ViewHelpers}
+
 <f:if condition="{languages}">
 	<div class="header-top__language-menu">
 		<f:for each="{languages}" as="language">
 			<f:if condition="{language.active}">
 				<f:variable name="languageFlag"><f:spaceless><f:render section="getLanguageFlag" arguments="{_all}" /></f:spaceless></f:variable>
 				<f:variable name="languageLabel"><f:spaceless><f:render section="getLanguageLabel" arguments="{_all}" /></f:spaceless></f:variable>
-				<a class="header-top__language-menu-btn js__header-top__language-menu-btn" href="/#"><span class="main-flag-icon flag-icon flag-icon-{languageFlag}"></span></a>
+				<a class="header-top__language-menu-btn js__header-top__language-menu-btn" href="/#"><span class="main-flag-icon flag-icon flag-icon-{languageFlag}"></span><f:if condition="{theme:constant(constant:'themes.configuration.elem.status.showHeaderTopLangLabel')}">
+					<span class="main-flag-language flag-language">{f:translate(key:'languageMenu_label')}</span>
+				</f:if></a>
 			</f:if>
 		</f:for>
 		<div class="header-top__language-menu-box js__header-top__language-menu-box">

diff --git a/felayout_t3kit/dev/styles/main/header/header.less b/felayout_t3kit/dev/styles/main/header/header.less
@@ -243,6 +243,11 @@
     text-align: left;
 }
 
+.main-flag-language.flag-language {
+    padding-left: 5px;
+    color: @main-color;
+}
+
 .no-touch .header-top__language-menu-box-item:hover {
     color: @main-link-hover-color;
 }