Commit bf9b0874e1374fa14e79acdab7d8014323234619
1 parent
9bc07a97
menu styles
Showing
2 changed files
with
18 additions
and
22 deletions
Show diff stats
frontend/views/layouts/main.php
| @@ -265,21 +265,7 @@ | @@ -265,21 +265,7 @@ | ||
| 265 | <!-- </div>--> | 265 | <!-- </div>--> |
| 266 | <!-- </div>--> | 266 | <!-- </div>--> |
| 267 | <!-- *** TOP END *** --> | 267 | <!-- *** TOP END *** --> |
| 268 | - | ||
| 269 | - <div class="small-logo-center text-center hidden-xs hidden-md hidden-lg"> | ||
| 270 | - <div class="container"> | ||
| 271 | - <div class="cont"> | ||
| 272 | - <a class="home_mob_link" href="<?php echo Url::home(); ?>"> | ||
| 273 | - <img | ||
| 274 | - src="/img/logo_kb.png" | ||
| 275 | - alt="<?= $settings->name; ?>" | ||
| 276 | - class="static_logo_img" | ||
| 277 | - > | ||
| 278 | - </a> | ||
| 279 | - <div class="static_logo_about_mob"><?= \Yii::t('app', $settings->about); ?></div> | ||
| 280 | - </div> | ||
| 281 | - </div> | ||
| 282 | - </div> | 268 | + |
| 283 | <!-- *** NAVBAR *** | 269 | <!-- *** NAVBAR *** |
| 284 | _________________________________________________________ --> | 270 | _________________________________________________________ --> |
| 285 | <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200"> | 271 | <div class="navbar-affixed-top" data-spy="affix" data-offset-top="200"> |
| @@ -309,7 +295,7 @@ | @@ -309,7 +295,7 @@ | ||
| 309 | <?php | 295 | <?php |
| 310 | $items = []; | 296 | $items = []; |
| 311 | $items[] = [ | 297 | $items[] = [ |
| 312 | - 'label' => \Yii::t('app', 'menu-about'), | 298 | + 'label' => \Yii::t('app', 'Home'), |
| 313 | 'url' => [ Url::home() ], | 299 | 'url' => [ Url::home() ], |
| 314 | ]; | 300 | ]; |
| 315 | $items[] = [ | 301 | $items[] = [ |
frontend/web/css/main.css
| @@ -822,6 +822,18 @@ ul.list-wr span{color: #555;} | @@ -822,6 +822,18 @@ ul.list-wr span{color: #555;} | ||
| 822 | } | 822 | } |
| 823 | } | 823 | } |
| 824 | @media(min-width:768px){ | 824 | @media(min-width:768px){ |
| 825 | + .navbar-collapse.collapse{ | ||
| 826 | + min-height: 62px!important; | ||
| 827 | + display: flex!important; | ||
| 828 | + justify-content: center; | ||
| 829 | + align-items: center; | ||
| 830 | + } | ||
| 831 | + .nav.navbar-nav.navbar-right{ | ||
| 832 | + display: flex; | ||
| 833 | + justify-content: left; | ||
| 834 | + align-items: center; | ||
| 835 | + flex-wrap: wrap; | ||
| 836 | + } | ||
| 825 | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ | 837 | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ |
| 826 | color: #555555; | 838 | color: #555555; |
| 827 | background:initial; | 839 | background:initial; |
| @@ -832,7 +844,6 @@ ul.list-wr span{color: #555;} | @@ -832,7 +844,6 @@ ul.list-wr span{color: #555;} | ||
| 832 | letter-spacing: -0.40px; | 844 | letter-spacing: -0.40px; |
| 833 | text-align: center; | 845 | text-align: center; |
| 834 | padding: 0px 12px 2px; | 846 | padding: 0px 12px 2px; |
| 835 | - height: 62px; | ||
| 836 | line-height: 18px; | 847 | line-height: 18px; |
| 837 | display: flex; | 848 | display: flex; |
| 838 | justify-content: center; | 849 | justify-content: center; |
| @@ -851,16 +862,15 @@ ul.list-wr span{color: #555;} | @@ -851,16 +862,15 @@ ul.list-wr span{color: #555;} | ||
| 851 | left: 12px; | 862 | left: 12px; |
| 852 | transition:0.1s; | 863 | transition:0.1s; |
| 853 | } | 864 | } |
| 854 | - .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{bottom: 18px;} | 865 | + .navbar ul.nav > li > a:hover::after, .navbar-default .navbar-nav > li > a:focus::after, .navbar ul.nav > li.active > a:after{bottom:0px;} |
| 855 | .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: initial;} | 866 | .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background: initial;} |
| 856 | .navbar ul.nav > li > a:hover {border-color:#fff;background:initial;} | 867 | .navbar ul.nav > li > a:hover {border-color:#fff;background:initial;} |
| 857 | } | 868 | } |
| 858 | @media(min-width:768px) and (max-width:991px){ | 869 | @media(min-width:768px) and (max-width:991px){ |
| 870 | + .static_logo_about{display:none;} | ||
| 859 | .navbar-header{width: 57px;} | 871 | .navbar-header{width: 57px;} |
| 860 | - .navbar-brand.home{width:100%;} | ||
| 861 | - .navbar-brand.home img{width: 50px;margin-top: 15px;} | ||
| 862 | - | ||
| 863 | - .navbar-brand.home, .static_logo_about{display:none;} | 872 | + .navbar-brand.home{width:100%;margin:0;padding:0;} |
| 873 | + .navbar-brand.home img{width: 75px;} | ||
| 864 | .navbar ul.nav > li > a{font-size: 11px;padding: 0px 6px 2px;} | 874 | .navbar ul.nav > li > a{font-size: 11px;padding: 0px 6px 2px;} |
| 865 | .navbar ul.nav > li > a:after{font-size: 11px;letter-spacing: -0.40px;padding: 0px 6px 2px;} | 875 | .navbar ul.nav > li > a:after{font-size: 11px;letter-spacing: -0.40px;padding: 0px 6px 2px;} |
| 866 | .navbar ul.nav > li > a:after{width: calc(100% - 12px);left: 6px;} | 876 | .navbar ul.nav > li > a:after{width: calc(100% - 12px);left: 6px;} |