Merge remote-tracking branch 'origin/master'

Administrator
2 parents be426331 f178ccd2
Showing 3 changed files with 48 additions and 2 deletions Show diff stats
frontend/views/layouts/main.php
frontend/web/css/style.css
frontend/web/js/script.js
@@ -125,7 +125,7 @@ AppAsset::register($this);
                     <button type="submit" value=""></button>
                     <div class="search-list">
                         <span>Проекты</span>
-                        <ul>
+                        <ul class="search-ul">
                             <li>Проекты</li>
                             <li>Исполнители</li>
                             <li>Заказчики</li>
@@ -153,8 +153,27 @@ ul.header-contacts-menu li:last-child a {
     font-size: 13px;
     transition: 0.3s;
     margin-left: 14px;
+    width: 102px;
+    overflow: hidden;
+    position: relative;
+    height: 15px;
+    white-space: nowrap;
 }
 .header-cabinet-wr a:hover{opacity: 0.9}
+.header-cabinet-wr a:before{
+    content: '';
+    height: 15px;
+    width: 15px;
+    background: #fff;
+    opacity: 0.5;
+    position: absolute;
+    top: 0;
+    right: 0;
+    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
+    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
+    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
+}
 ul.main-menu {
     width: 620px;
     float: left;
@@ -4979,9 +4998,10 @@ input.custom-check:checked + label span, input.custom-check:checked + label:hove
     border-bottom: 1px solid #b7b7b7;
     display: none;
 }
+.search-list ul.active {display: block}
 .search-list li {
     list-style: none;
-    padding: 0 20px 0 10px;
+    padding: 0 0 0 10px;
     border-top: 1px solid #b7b7b7;
     height: 20px;
     line-height: 20px;
@@ -4989,6 +5009,8 @@ input.custom-check:checked + label span, input.custom-check:checked + label:hove
     font-size: 13px;
     color: #b7b7b7;
     cursor: pointer;
+    width: 118px;
+    box-sizing: border-box;
 }
 .search-list li:hover {
     transition: 0.2s;
@@ -826,4 +826,28 @@ $(document).ready(function(){
     }
+
+        $('.search-list span').click(function(){
+            if($('.search-ul').hasClass('active')) {
+                $('.search-list ul').removeClass('active');
+                $('.search-main-menu form input').focus()
+            } else {
+                $('.search-list ul').addClass('active');
+
+            }
+            $('.search-list ul.active li').click(function(){
+                $('.search-list ul').removeClass('active');
+                $('.search-list span').html($(this).text())
+                var searchListIndex = $(this).index()
+                searchListIndex = searchListIndex+1
+                $('.search-main-menu form input[type="hidden"]').val(searchListIndex)
+                $('.search-main-menu form input').focus()
+            })
+
+
+
+        })
+
+
+
 });
 \ No newline at end of file