Услуги

Eugeny Galkovskiy
1 parent 9fbe1412
Showing 2 changed files with 99 additions and 0 deletions Show diff stats
frontend/web/css/custom.css
frontend/web/js/script.js
@@ -364,4 +364,92 @@ figure.reviews_gallery {
     figure.reviews_gallery{
         width:100%;
     }
+}
+._dropdown-wr{
+    cursor:pointer;
+}
+._dropdown-wr.opened>a{
+    color: #555555;
+    background-color: #9adacd;
+    border-top: solid 5px #4fbfa8;
+}
+._dropdown-wr.opened ._dropdown{
+    display:block;
+}
+._dropdown{
+    display:none;
+    padding: 0;
+    list-style: none;
+    margin: 0;
+    position: absolute;
+    background-color: #fff;
+    z-index: 1;
+    left: 0;
+    float: left;
+    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
+}
+._dropdown>li{
+    min-width: 160px;
+    width: max-content;
+    max-width: 300px;
+    padding: 10px 15px;
+    position: relative;
+}
+._dropdown>li ul{
+    display: none;
+    position: absolute;
+    background-color: #fff;
+    padding: 0;
+    list-style: none;
+    float: left;
+    left: 100%;
+    width: 100%;
+    min-width: 160px;
+    max-width: max-content;
+    top: 0;
+    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
+}
+._dropdown>li ul>li{
+    min-width: 160px;
+    padding: 10px 15px;
+    position:relative;
+}
+._dropdown>li:hover ul{
+    display: block;
+}
+._dropdown>li:hover{
+    background-color: #70cebb;
+    color: #fff;
+}
+._dropdown>li:hover>a{
+    color:#fff;
+}
+
+@media (max-width: 767px) {
+    ._dropdown-wr ._dropdown{
+        float: none;
+        position: relative;
+        box-shadow: none;
+        padding: 0;
+        width: 100%;
+    }
+    ._dropdown-wr ._dropdown>li{
+        width: 100%;
+        min-width: 100%;
+        background: none;
+    }
+    ._dropdown>li:hover>a{
+        color: #4fbfa8;
+    }
+    ._dropdown>li ul{
+        display:block;
+        position: relative;
+        float: none;
+        left: 0;
+        width: 100%;
+        min-width: 100%;
+        background: none;
+        box-shadow: none;
+        margin-top: 7px;
+    }
 }
 \ No newline at end of file
@@ -161,5 +161,16 @@ $(
                 var modaltitle = $(this).data('modalname');
                 $(".modal-title").html(modaltitle);
             });
+        $("._dropdown-wr .dropdown-toggle")
+            .on('click', function(){
+                $(this).parent().toggleClass('opened');
+                return false;
+            });
+        $(document).mouseup(function (e) {
+            var container = $("._dropdown-wr");
+            if (container.has(e.target).length === 0){
+                container.removeClass('opened');
+            }
+        });
     }
 );
 \ No newline at end of file