made minor changes to the control panel

Author: coder1x

src/components/code/code.scss

@@ -3,7 +3,7 @@ $color-focus: $Dark-Shade-100;
 $border-code: rgba(31, 32, 65, 0.25);
 $color-item: #646568;
 $color-lang-js: #61819d;
-$background-copy: #cdd1da;
+$background-copy: #4d5567;
 $color-copy: #fff;
 $shadow-copy-active: inset -1px 4px 4px 0px rgba(0, 0, 0, 0.129);
 $color-copy-active: #868686;

src/components/miscellaneous/miscellaneous.scss

@@ -1,5 +1,5 @@
 $border-miscellaneous: rgba(31, 32, 65, 0.25);
-$background-button: #cdd1da;
+$background-button: #4d5567;
 $color-button: #fff;
 $shadow-button-active: inset -1px 4px 4px 0px rgba(0, 0, 0, 0.129);
 $color-button-active: #868686;

src/components/panel/render.ts

@@ -36,14 +36,3 @@ objectPanel[1].createRangeSlider({
   grid: true,
   gridStep: 33,
 });
-
-objectPanel[2].createRangeSlider({
-  type: 'double',
-  min: -120,
-  max: 800,
-  from: 200,
-  to: 500,
-  grid: true,
-  bar: true,
-  gridStep: 30,
-});

src/components/text-field/text-field.pug

@@ -13,5 +13,5 @@ mixin text-field(options = {})
       if label
         = label
 
-      input(class=`${BASE_CLASS}__input` type=typeField placeholder=placeholder value='' name=name)
+      input(class=`${BASE_CLASS}__input` type=typeField placeholder=placeholder value='' name=name aria-label=name)
 

src/components/toggle/toggle.pug

@@ -13,6 +13,6 @@ mixin toggle(options = {})
 
     div(class=`${BASE_CLASS}__wrapper`)
       label(class=`${BASE_CLASS}__label`)= label
-        input(class=`${BASE_CLASS}__input` type='checkbox' name='toggle')
+        input(class=`${BASE_CLASS}__input` type='checkbox' name='toggle' aria-label=header)
         span(class=`${BASE_CLASS}__before`)
 

src/pages/index/index.pug

@@ -8,20 +8,18 @@ block content
     h1.demo-slider__header Range Slider Fox
 
     section.slider
+        h2(class = 'slider__header') Horizontal view
         .slider__panel-wrapper 
           +panel({theme:'fox'})
 
     section.slider
+        h2(class = 'slider__header') Vertical view
         .slider__panel-wrapper 
           +panel({theme:'dark'})
-          
-    section.slider
-        .slider__panel-wrapper 
-          +panel({theme:'base'})
 
     section.slider
         .initialization-plugin
-          h2(class = 'initialization-plugin__header') Инициализация плагина с помощью data attribute
+          h2(class = 'initialization-plugin__header') Plugin initialization with data attribute
 
           div(
             class = 'initialization-plugin__rangeSliderFox' 

src/pages/index/index.scss

@@ -1,4 +1,3 @@
-
 $shadow-slider: rgba(31, 32, 65, 0.5);
 $background-slider: #fcfcfc;
 
@@ -21,35 +20,34 @@ $background-slider: #fcfcfc;
   box-shadow: 0px 10px 20px $shadow-slider;
   min-height: 300px;
   background-color: $background-slider;
+
+  &__header {
+    margin-bottom: 40px;
+    text-align: center;
+  }
 }
 
 .slider__wrap {
   margin-top: 60px;
   margin-bottom: 60px;
 }
 
-.initialization-plugin{
-
+.initialization-plugin {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   min-height: 400px;
 
-
-  &__header{
+  &__header {
     margin-bottom: 40px;
     text-align: center;
   }
 
-  &__dataAttributes{
+  &__dataAttributes {
     border: 1px solid rgba(31, 32, 65, 0.25);
     border-radius: 4px;
     padding: 10px;
     width: 100%;
     max-width: 250px;
   }
-
 }
-
-
-