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>
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>
@ -226,6 +231,7 @@
selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span>
placeholder: <span class="code__string">'Выберите авто',</span>
lable: <span class="code__string">'EXAMPLE',</span>
searchMode: <span class="code__keyword">true,</span>
items: [
<span class="code__string">'BMW',</span>
{

21
src/style/main.scss
View File

@ -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;
}
}

28
src/style/nativSelect.scss
View File

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