bd design fixes

Hayk Nazaryan
1 parent 7fc2c06b2c
Showing 3 changed files with 15 additions and 38 deletions Side-by-side Diff
public/css/general.css
public/css/style_may2024.css
resources/views/employers/bd.blade.php
@@ -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;
-    }
-}
@@ -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;
 }
@@ -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
...	...	@@ -50,24 +50,3 @@
50	50	.review-image-modal{
51	51	cursor: pointer;
52	52	}
53		-
54		-.cabinet__export-options-wrap {
55		- display: flex;
56		- flex-wrap: nowrap;
57		- overflow-x: auto;
58		- -webkit-overflow-scrolling: touch;
59		- scroll-behavior: smooth;
60		- gap: 10px;
61		-}
62		-
63		-.cabinet__export-options-wrap::-webkit-scrollbar {
64		- display: none;
65		-}
66		-
67		-@media (min-width: 768px) {
68		- .cabinet__export-options-wrap {
69		- flex-wrap: wrap;
70		- overflow-x: visible;
71		- gap: 20px;
72		- }
73		-}
...	...	@@ -8915,8 +8915,18 @@ main + .news {
8915	8915	}
8916	8916	.cabinet__export-options-wrap{
8917	8917	display: flex;
8918		- justify-content: space-between;
	8918	+ flex-wrap: wrap;
	8919	+ justify-content: start;
	8920	+ gap: 10px;
8919	8921	}
	8922	+@media (min-width: 768px) {
	8923	+ .cabinet__export-options-wrap {
	8924	+ flex-wrap: nowrap;
	8925	+ justify-content: space-between;
	8926	+ gap: 20px;
	8927	+ }
	8928	+}
	8929	+
8920	8930	.job-title-list-wrap{
8921	8931	margin-top: 5px;
8922	8932	}
...	...	@@ -3,10 +3,10 @@
3	3	@section('scripts')
4	4	<script>
5	5	$(document).ready(function(){
6		- $('[name="job_title_list[]"]').chosen({
	6	+ $('#job_title_list').chosen({
7	7	width: '100%'
8	8	})
9		- $('[name="job_titles__name"]').change(function(){
	9	+ $('#job_title_list').change(function(){
10	10	if ($(this).is(':checked')){
11	11	$(".job-title-list-wrap").css("display", "block");
12	12	} else {
...	...	@@ -23,19 +23,7 @@
23	23	wrap.find('button').click();
24	24	});
25	25
26		- const $exportOptionsWrap = $(".cabinet__export-options-wrap");
27		-
28		- if ($exportOptionsWrap.length && $exportOptionsWrap[0].scrollWidth > $exportOptionsWrap[0].clientWidth) {
29		- const $scrollHint = $('<div>', {
30		- style: `position: absolute;
31		- top: 0;
32		- right: 0;
33		- width: 50px;
34		- height: 100%;
35		- background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
36		- pointer-events: none;`});
37		- $exportOptionsWrap.parent().css("position", "relative").append($scrollHint);
38		- }
	26	+
39	27	});
40	28
41	29
...	...	@@ -126,7 +114,7 @@
126	114	@endforeach
127	115	</div>
128	116	<div class="job-title-list-wrap">
129		- <select name="job_title_list[]" data-placeholder="Выберите должности" multiple >
	117	+ <select id="job_title_list" name="job_title_list[]" data-placeholder="Выберите должности" multiple >
130	118	@foreach($jobs_titles as $job_title)
131	119	<option hover="background-color: #377d87;" value="{{$job_title['id']}}">{{$job_title['name']}}</option>
132	120	@endforeach