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

Fixed styles scss and added CHENGELOG

Browse Source
This commit is contained in:
MaxOvs 2022-12-22 15:42:36 +03:00
parent 5d93c84ede
commit e70cfec797
7 changed files with 56 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
CHANGELOG.md Normal file
View File

@ -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 приложение.

4
README.md
View File

@ -1,6 +1,6 @@
# CG-SELECT # CG-SELECT
## version ~ 0.1.12 ## version ~ 0.1.14
Этот компонент позволяет создать кастомный селект. Он предлагает более гибкую настройку и использование селекта. Этот компонент позволяет создать кастомный селект. Он предлагает более гибкую настройку и использование селекта.
Доступна кастомизация, мультивыбор и живой поиск по елементам. Доступна кастомизация, мультивыбор и живой поиск по елементам.
@ -75,7 +75,7 @@ const dropdown = new DropDown({
Вся документация по CG-SELECT находится в одноименной папке. В документации описаны все методы и переменные, также есть примеры передачи настроек в select. Вся документация по CG-SELECT находится в одноименной папке. В документации описаны все методы и переменные, также есть примеры передачи настроек в select.
**Чтобы ознакомиться с ней, перейдите по ссылке -** https://maxovs19.github.io/cg-select/up_/documentation/index.html **Чтобы ознакомиться с ней, перейдите по ссылке -** https://cg-select.itguild.info/up_/up_/documentation/index.html
## Contributing ## Contributing

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "cg-select", "name": "cg-select",
"version": "0.1.12", "version": "0.1.14",
"description": "Select control created with JS for use in JS/React", "description": "Select control created with JS for use in JS/React",
"author": "MaxOvs19", "author": "MaxOvs19",
"scripts": { "scripts": {

2
src/cg-select.js
View File

@ -16,6 +16,8 @@ import {
} from './components/create-element'; } from './components/create-element';
import { ru, en } from './language/language'; import { ru, en } from './language/language';
/** /**
* @class Описание класса DropDown * @class Описание класса DropDown
* @description Этот класс реализовывает функционал кастомного селекта, с возможностями кастомизации. * @description Этот класс реализовывает функционал кастомного селекта, с возможностями кастомизации.

38
src/style/main.scss → src/main.scss
View File

@ -1,37 +1,7 @@
@import './nativSelect.scss'; @import './style/nativSelect.scss';
@import './scrolbar.scss'; @import './style/scrolbar.scss';
@import './whiteTheme.scss'; @import './style/svgStyle.scss';
@import './svgStyle.scss'; @import './style/whiteTheme.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;
}
// ----Layout---- // ----Layout----
.cg-dropdown { .cg-dropdown {

31
src/style/ExemplePage.scss → src/page/ExemplePage.scss
View File

@ -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 { .header {
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;

4
src/page/index.html
View File

@ -5,9 +5,9 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Cg-Select</title> <title>Cg-Select</title>
<link href="/src/style/main.scss" rel="stylesheet" /> <link href="/src/page/ExemplePage.scss" rel="stylesheet" />
</head> </head>
<body> <body class="body-example">
<div class="container"> <div class="container">
<header class="header"> <header class="header">
<div class="header__logoBox"> <div class="header__logoBox">