Fixed styles scss and added CHENGELOG

2022-12-22 15:42:36 +03:00 · 2022-12-22 15:42:36 +03:00 · e70cfec797
commit e70cfec797
parent 5d93c84ede
7 changed files with 56 additions and 39 deletions
--- a/CHANGELOG.md
+++ 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 приложение.
--- 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

--- 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": {
--- 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 Этот класс реализовывает функционал кастомного селекта, с возможностями кастомизации.
--- a/src/style/main.scss
+++ b/src/style/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 {
--- a/src/style/ExemplePage.scss
+++ b/src/style/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;
--- a/src/page/index.html
+++ b/src/page/index.html
@ -5,9 +5,9 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cg-Select</title>
-    <link href="/src/style/main.scss" rel="stylesheet" />
+    <link href="/src/page/ExemplePage.scss" rel="stylesheet" />
  </head>
-  <body>
+  <body class="body-example">
    <div class="container">
      <header class="header">
        <div class="header__logoBox">