diff --git a/src/index.html b/src/index.html
index bba2dec..a4f1c4b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -126,7 +126,12 @@
},
{
category: 'USA',
- categoryItems: ['Alabama', 'Texas', 'Colorado', 'Klirens', 'Los-Angeles'],
+ categoryItems: [
+ 'Alabama',
+ 'Texas',
+ 'Colorado',
+ 'Klirens',
+ 'Los-Angeles'],
},
{
category: 'France',
@@ -226,6 +231,7 @@
selector: '.cg-dropdown_checkboxDisable',
placeholder: 'Выберите авто',
lable: 'EXAMPLE',
+ searchMode: true,
items: [
'BMW',
{
diff --git a/src/style/main.scss b/src/style/main.scss
index b921b86..9df98f3 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -340,14 +340,25 @@ input[type='checkbox'] {
}
.list {
- display: none !important;
+ width: 98% !important;
}
- .open {
- display: none !important;
- }
+ // .open {
+ // display: none !important;
+ // }
.cg-select {
- display: none !important;
+ width: 100% !important;
+ }
+
+ .example-select {
+ &_title {
+ padding: 24px 0 0px 15px;
+ font-size: 16px;
+ }
+ }
+
+ pre {
+ overflow-x: scroll;
}
}
diff --git a/src/style/nativSelect.scss b/src/style/nativSelect.scss
index c8d4b8b..c1f5a6f 100644
--- a/src/style/nativSelect.scss
+++ b/src/style/nativSelect.scss
@@ -18,19 +18,19 @@
}
}
-@media (max-width: 576px) {
- .nativSelect {
- display: block;
- min-width: 235px;
- height: 50px;
+// @media (max-width: 576px) {
+// .nativSelect {
+// display: block;
+// min-width: 235px;
+// height: 50px;
- border: none;
- border-radius: 10px;
- }
+// border: none;
+// border-radius: 10px;
+// }
- select[multiple='multiple'] {
- color: black;
- background-color: white;
- border-radius: 0;
- }
-}
+// select[multiple='multiple'] {
+// color: black;
+// background-color: white;
+// border-radius: 0;
+// }
+// }