lang widget

Eugeny Galkovskiy
1 parent 48cf2eb5
Showing 4 changed files with 51 additions and 7 deletions Show diff stats
common/messages/ru/app.php
common/messages/ua/app.php
frontend/views/layouts/main.php
frontend/web/css/main.css
 <?php
 return [
+    'lang'  =>  '/ru/',
     'Contact us on ' => 'Свяжитесь с нами ',
     ' or '  => ' или ',
     'tel:' => 'по тел.',
 <?php
 return [
+    'lang'  =>  '/ua/',
     'Contact us on ' => '',
     'menu-about' => 'Про нас',
     'menu-individual'	=>	'Для фізичних осіб',
@@ -96,10 +96,19 @@
             <div id="all">
                 <div id="top">
                     <div class="container">
-                        <div class="col-md-6"></div>
-                        <div class="col-md-6 text-right">
+                        <div class="col-md-10"></div>
+                        <div class="col-md-2 text-right" style="height:100%;">
                             <div class="header-lang">
-                                <?= artbox\core\widgets\LangLink::widget(); ?>
+                                <?php
+                                $langs = \Yii::$app->language;
+                                $langs_a = explode("-",$langs);
+                                $this_lang = $langs_a['0'];
+
+                                $langs_head = artbox\core\widgets\LangLink::widget();
+                                $langs_head = str_replace(" / ","",$langs_head);
+                                $langs_head = str_replace($this_lang,"",$langs_head);
+                                echo "<span class='active_lang'>$this_lang</span>".$langs_head;
+                                ?>
                             </div>
                         </div>
                     </div>
@@ -315,7 +324,7 @@
                                         ];
                                         $items[] = [
                                             'label' => \Yii::t('app', 'menu-mediaabout'),
-                                            'url'   => [ 'site/media-about' ],
+                                            'url'   => [ "site/media-about" ],
                                         ];
                                         $items[] = [
                                             'label' => \Yii::t('app', 'menu-blog'),
@@ -73,7 +73,13 @@ body{position:relative;}
     line-height: 13px;
     cursor: default;
 }
-#top {background: #555555;color: #eeeeee;padding: 7px 0 6px;}
+#top {
+    background: #f6f6f6;
+    color: #000;
+    padding: 0;
+    height:30px;
+}
+#top>.container{height:100%;}
 #top .social a {
     color: #999999;
     display: inline-block;
@@ -620,8 +626,35 @@ section.bar.background-gray.steps-pre:before {
 }
 .form-comm-wr .form-group.field-commentmodel-text{width:100%;}
 .has-error .help-block{display:block;}
-.header-lang{text-transform: uppercase;font-weight: normal;color: #969a9a;font-size: 11px;}
-.header-lang a{font-weight: bold;color: #fff;}
+.header-lang{
+    height: 100%;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    font-size: 13px;
+}
+.header-lang .active_lang{
+    background-color: #e9e7e7;
+    height: 30px;
+    line-height: 29px;
+    padding: 0px 10px;
+}
+.header-lang a{
+    background-color: #f6f6f6;
+    height: 30px;
+    line-height: 29px;
+    padding: 0px 10px;
+    border: 1px solid #e9e7e7;
+    border-top: 0;
+    border-bottom: 0;
+    margin-left: -1px;
+}
+.header-lang a:hover{
+    background-color: #e9e7e7;
+    border: 1px solid #cacaca;
+    border-top: 0;
+    border-bottom: 0;
+}
  
 @media(min-width:1201px){
     .links-ses-for-wr .container .row p {margin: 7px 20px;}