diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..c7e782f --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,14 @@ +# CG-SELECT + +## 16.12.2022 - релиз версии 0.1.0! + +### 20.12.2022 - обновление 0.1.12. + +Проведены тесты в JS и React. Выявленны ошибки в работе в Реакт приложениях. + +- Изменена файловая структура приложения. + +### 22.12.2022 - обновление 0.1.14. + +- Изменеия в расположении файлов scss. +- Исправлено влияние стилей селекта на JS приложение. diff --git a/README.md b/README.md index 9607c88..51bc4a9 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # CG-SELECT -## version ~ 0.1.12 +## version ~ 0.1.14 Этот компонент позволяет создать кастомный селект. Он предлагает более гибкую настройку и использование селекта. Доступна кастомизация, мультивыбор и живой поиск по елементам. @@ -75,7 +75,7 @@ const dropdown = new DropDown({ Вся документация по CG-SELECT находится в одноименной папке. В документации описаны все методы и переменные, также есть примеры передачи настроек в select. -**Чтобы ознакомиться с ней, перейдите по ссылке -** https://maxovs19.github.io/cg-select/up_/documentation/index.html +**Чтобы ознакомиться с ней, перейдите по ссылке -** https://cg-select.itguild.info/up_/up_/documentation/index.html ## Contributing diff --git a/package.json b/package.json index 3ee51dd..51465f8 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cg-select", - "version": "0.1.12", + "version": "0.1.14", "description": "Select control created with JS for use in JS/React", "author": "MaxOvs19", "scripts": { diff --git a/src/cg-select.js b/src/cg-select.js index aeac1e1..2e5d4d6 100644 --- a/src/cg-select.js +++ b/src/cg-select.js @@ -16,6 +16,8 @@ import { } from './components/create-element'; import { ru, en } from './language/language'; + + /** * @class Описание класса DropDown * @description Этот класс реализовывает функционал кастомного селекта, с возможностями кастомизации. diff --git a/src/style/main.scss b/src/main.scss similarity index 90% rename from src/style/main.scss rename to src/main.scss index 9df98f3..3a78f0e 100644 --- a/src/style/main.scss +++ b/src/main.scss @@ -1,37 +1,7 @@ -@import './nativSelect.scss'; -@import './scrolbar.scss'; -@import './whiteTheme.scss'; -@import './svgStyle.scss'; -@import './ExemplePage.scss'; - -* { - font-size: 14px; - font-family: Arial, Helvetica, sans-serif; -} - -body { - background: #000000c4; -} - -.container { - margin: 0 auto; - width: 900px; - - display: -webkit-box; - display: -ms-flexbox; - display: flex; - - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; - - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} +@import './style/nativSelect.scss'; +@import './style/scrolbar.scss'; +@import './style/svgStyle.scss'; +@import './style/whiteTheme.scss'; // ----Layout---- .cg-dropdown { diff --git a/src/style/ExemplePage.scss b/src/page/ExemplePage.scss similarity index 84% rename from src/style/ExemplePage.scss rename to src/page/ExemplePage.scss index f1b815f..b196547 100644 --- a/src/style/ExemplePage.scss +++ b/src/page/ExemplePage.scss @@ -1,3 +1,34 @@ +@import '/src/main.scss'; + +* { + font-size: 14px; + font-family: Arial, Helvetica, sans-serif; +} + +.body-example { + background: #000000c4; +} + +.container { + margin: 0 auto; + width: 900px; + + display: -webkit-box; + display: -ms-flexbox; + display: flex; + + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; + + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + .header { width: 100%; border-radius: 5px; diff --git a/src/page/index.html b/src/page/index.html index bbbe98a..eae3a66 100644 --- a/src/page/index.html +++ b/src/page/index.html @@ -5,9 +5,9 @@ Cg-Select - + - +