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

Pull in fixed conflict

Browse Source
This commit is contained in:
Макс Овсяников 2022-11-18 12:18:25 +03:00
commit 6416a42781
5 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -63,6 +63,7 @@ const dropdown = new DropDown({
``` ```
## Примеры разных селектов ## Примеры разных селектов
Так же рабочий пример -- https://maxovs19.github.io/cg-select/ Так же рабочий пример -- https://maxovs19.github.io/cg-select/
![image](https://github.com/apuc/cg-select/blob/main/src/images/DefaultSelect.png) ![image](https://github.com/apuc/cg-select/blob/main/src/images/DefaultSelect.png)
@ -70,7 +71,9 @@ const dropdown = new DropDown({
![image](https://github.com/apuc/cg-select/blob/main/src/images/WhiteTheme.png) ![image](https://github.com/apuc/cg-select/blob/main/src/images/WhiteTheme.png)
![image](https://github.com/apuc/cg-select/blob/main/src/images/Categories.png) ![image](https://github.com/apuc/cg-select/blob/main/src/images/Categories.png)
Вся документация по CG-SELECT находится в одноименной папке. В документации описаны все методы и переменные, также есть примеры передачи настроек в select. Чтобы просмотреть его, откройте файл index.html в браузере из папки с документацией. Вся документация по CG-SELECT находится в одноименной папке. В документации описаны все методы и переменные, также есть примеры передачи настроек в select.
**Чтобы ознакомиться с ней, перейдите по ссылке -** https://maxovs19.github.io/cg-select/up_/documentation/index.html
## Contributing ## Contributing

1
documentation/index.html
View File

@ -16,6 +16,7 @@
<body> <body>
<div id="main"> <div id="main">
<h1 class="page-title">Home</h1> <h1 class="page-title">Home</h1>
<section> <section>
<h2>CG-SELECT</h2> <h2>CG-SELECT</h2>
<a href="../src/index.html">-- Вернуться к примеру --</a> <a href="../src/index.html">-- Вернуться к примеру --</a>

1
src/cg-dropdown.js
View File

@ -218,7 +218,6 @@ export class DropDown {
const select = this.#element.querySelector('.cg-select'); const select = this.#element.querySelector('.cg-select');
const nativSelect = this.#element.querySelector('.nativSelect'); const nativSelect = this.#element.querySelector('.nativSelect');
if (value === true) { if (value === true) {
this.#element.setAttribute('disabled', true); this.#element.setAttribute('disabled', true);
nativSelect.setAttribute('disabled', true); nativSelect.setAttribute('disabled', true);

1
src/style/main.scss
View File

@ -322,6 +322,7 @@ input[type='checkbox'] {
display: none; display: none;
} }
/*320px - 576px*/
@media (max-width: 576px) { @media (max-width: 576px) {
body { body {
margin: 0; margin: 0;

1
src/style/nativSelect.scss
View File

@ -27,6 +27,7 @@
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;