From 288dd2a041c8d90498759d95e8a5e737757c51d4 Mon Sep 17 00:00:00 2001
From: anazaryan <anazaryan@nologostudio.ru>
Date: Tue, 17 Dec 2024 19:00:02 +0400
Subject: [PATCH] bd design fixes

---
 public/css/general.css                 |   21 ---------------------
 public/css/style_may2024.css           |   12 +++++++++++-
 resources/views/employers/bd.blade.php |   20 ++++----------------
 3 files changed, 15 insertions(+), 38 deletions(-)

diff --git a/public/css/general.css b/public/css/general.css
index 188e71c..12987ec 100644
--- a/public/css/general.css
+++ b/public/css/general.css
@@ -50,24 +50,3 @@
 .review-image-modal{
     cursor: pointer;
 }
-
-.cabinet__export-options-wrap {
-    display: flex;
-    flex-wrap: nowrap;
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch;
-    scroll-behavior: smooth;
-    gap: 10px;
-}
-
-.cabinet__export-options-wrap::-webkit-scrollbar {
-    display: none;
-}
-
-@media (min-width: 768px) {
-    .cabinet__export-options-wrap {
-        flex-wrap: wrap;
-        overflow-x: visible;
-        gap: 20px;
-    }
-}
diff --git a/public/css/style_may2024.css b/public/css/style_may2024.css
index e586440..10e8ae6 100644
--- a/public/css/style_may2024.css
+++ b/public/css/style_may2024.css
@@ -8915,8 +8915,18 @@ main + .news {
 }
 .cabinet__export-options-wrap{
     display: flex;
-    justify-content: space-between;
+    flex-wrap: wrap;
+    justify-content: start;
+    gap: 10px;
 }
+@media (min-width: 768px) {
+    .cabinet__export-options-wrap {
+        flex-wrap: nowrap;
+        justify-content: space-between;
+        gap: 20px;
+    }
+}
+
 .job-title-list-wrap{
     margin-top: 5px;
 }
diff --git a/resources/views/employers/bd.blade.php b/resources/views/employers/bd.blade.php
index e711317..4f7cecb 100644
--- a/resources/views/employers/bd.blade.php
+++ b/resources/views/employers/bd.blade.php
@@ -3,10 +3,10 @@
 @section('scripts')
     <script>
         $(document).ready(function(){
-            $('[name="job_title_list[]"]').chosen({
+            $('#job_title_list').chosen({
                 width: '100%'
             })
-            $('[name="job_titles__name"]').change(function(){
+            $('#job_title_list').change(function(){
                 if ($(this).is(':checked')){
                     $(".job-title-list-wrap").css("display", "block");
                 } else {
@@ -23,19 +23,7 @@
                 wrap.find('button').click();
             });
 
-            const $exportOptionsWrap = $(".cabinet__export-options-wrap");
-
-            if ($exportOptionsWrap.length && $exportOptionsWrap[0].scrollWidth > $exportOptionsWrap[0].clientWidth) {
-                const $scrollHint = $('<div>', {
-                    style: `position: absolute;
-                            top: 0;
-                            right: 0;
-                            width: 50px;
-                            height: 100%;
-                            background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
-                            pointer-events: none;`});
-                $exportOptionsWrap.parent().css("position", "relative").append($scrollHint);
-            }
+
         });
 
 
@@ -126,7 +114,7 @@
                                         @endforeach
                                     </div>
                                     <div class="job-title-list-wrap">
-                                        <select  name="job_title_list[]" data-placeholder="Выберите должности" multiple >
+                                        <select id="job_title_list" name="job_title_list[]" data-placeholder="Выберите должности" multiple >
                                             @foreach($jobs_titles as $job_title)
                                                 <option hover="background-color: #377d87;" value="{{$job_title['id']}}">{{$job_title['name']}}</option>
                                             @endforeach
-- 
1.7.10.4