apuc/cg-select
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rebuild view mobaile select

Browse Source
This commit is contained in:
MaxOvs 2022-12-20 19:54:44 +03:00
parent d81cb3ec77
commit a2a91b3b9b
3 changed files with 37 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/index.html
View File

@ -126,7 +126,12 @@
}, },
{ {
category: <span class="code__string">'USA',</span> category: <span class="code__string">'USA',</span>
categoryItems: <span class="code__string">['Alabama', 'Texas', 'Colorado', 'Klirens', 'Los-Angeles'],</span> categoryItems: <span class="code__string">[
'Alabama',
'Texas',
'Colorado',
'Klirens',
'Los-Angeles'],</span>
}, },
{ {
category: <span class="code__string">'France',</span> category: <span class="code__string">'France',</span>
@ -226,6 +231,7 @@
selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span> selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span>
placeholder: <span class="code__string">'Выберите авто',</span> placeholder: <span class="code__string">'Выберите авто',</span>
lable: <span class="code__string">'EXAMPLE',</span> lable: <span class="code__string">'EXAMPLE',</span>
searchMode: <span class="code__keyword">true,</span>
items: [ items: [
<span class="code__string">'BMW',</span> <span class="code__string">'BMW',</span>
{ {

21
src/style/main.scss
View File

@ -340,14 +340,25 @@ input[type='checkbox'] {
} }
.list { .list {
display: none !important; width: 98% !important;
} }
.open { // .open {
display: none !important; // display: none !important;
} // }
.cg-select { .cg-select {
display: none !important; width: 100% !important;
}
.example-select {
&_title {
padding: 24px 0 0px 15px;
font-size: 16px;
}
}
pre {
overflow-x: scroll;
} }
} }

28
src/style/nativSelect.scss
View File

@ -18,19 +18,19 @@
} }
} }
@media (max-width: 576px) { // @media (max-width: 576px) {
.nativSelect { // .nativSelect {
display: block; // display: block;
min-width: 235px; // min-width: 235px;
height: 50px; // height: 50px;
border: none; // border: none;
border-radius: 10px; // border-radius: 10px;
} // }
select[multiple='multiple'] { // select[multiple='multiple'] {
color: black; // color: black;
background-color: white; // background-color: white;
border-radius: 0; // border-radius: 0;
} // }
} // }