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; +// } +// }