From d0679da0a9621cdc327a2339f715413b3af5b265 Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Tue, 12 Dec 2023 17:44:26 +0300
Subject: [PATCH] css forms

---
 src/vniigaz-v2/css/_slider.scss | 228 +++-----------------------------
 1 file changed, 15 insertions(+), 213 deletions(-)

diff --git a/src/vniigaz-v2/css/_slider.scss b/src/vniigaz-v2/css/_slider.scss
index 1965c08..b93ed62 100644
--- a/src/vniigaz-v2/css/_slider.scss
+++ b/src/vniigaz-v2/css/_slider.scss
@@ -5,36 +5,36 @@
 
   background-color: #ffffff;
 
-
   &.right-side{
     animation: slide-from-right 0.3s;
     right: 0;
     box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.16);
-}
-&.left-side{
-    animation: slide-from-left 0.3s;
-    left: 0;
-    box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.16);
-}
+  }
+
+  &.left-side{
+      animation: slide-from-left 0.3s;
+      left: 0;
+      box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.16);
+  }
 
   
   z-index: 110;
 
   .header {
-    padding: var(--m) var(--l);
-    border-bottom: 1px solid var(--second);
+    padding: 16px 24px;
+    background: #F8F8F8;
+    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 
     .title {
 
       
 
       h2 {
-        font-family: PT Sans Narrow;
-        font-size: 36px;
+        font-family: PT Sans;
+        font-size: 20px;
         font-style: normal;
         font-weight: 700;
-        line-height: 44px; /* 122.222% */
-        letter-spacing: 0.36px;
+        line-height: 28px;
       }
 
       ico{
@@ -109,11 +109,7 @@
   }
 
   .body {
-    height: 100%;
-    padding: var(--xxl) 0;
-    >div>pages-menu{
-      padding: 0 var(--s) var(--xl) var(--xl);
-    }
+    padding: 2;
     form-frame, object-filters{
       margin: 0 var(--l);
       display: block;
@@ -198,198 +194,4 @@
       }
     }
   }
-}
-
-
-// .slider-bar {
-//   position: fixed;
-//   top: 0;
-//   right: 0;
-//   display: flex;
-//   flex-direction: column;
-//   width: 100%;
-//   max-width: 720px;
-//   height: 100%;
-//   background-color: #ffffff;
-//   box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.16);
-//   overflow: hidden;
-//   animation: slide-from-right 0.3s;
-//   z-index: 110;
-
-//   &.right-side{
-//     animation: slide-from-right 0.3s;
-//     right: 0;
-//     box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.16);
-// }
-// &.left-side{
-//     animation: slide-from-left 0.3s;
-//     left: 0;
-//     box-shadow: 3px 0 6px 0 rgba(0, 0, 0, 0.16);
-// }
-
-//   .header {
-//     padding: 14px 24px;
-//     border-bottom: 1px solid #C0C0C0;
-
-//     .title {
-//       display: flex;
-//       flex-direction: row;
-//       align-items: center;
-
-//       h2 {
-//         margin: 0;
-//         font-family: PT Sans Narrow;
-//         font-size: 36px;
-//         font-style: normal;
-//         font-weight: 700;
-//         line-height: 44px; /* 122.222% */
-//         letter-spacing: 0.36px;
-//         color: var(--dark-1);
-//       }
-
-//       .close {
-//         width: 24px;
-//         height: 24px;
-//         margin-left: auto;
-//         padding: 0;
-//         border: none;
-//         border-radius: 0;
-//         background: transparent url(/assets/images/icons/close_24dp.svg) 50% 50% no-repeat;
-//       }
-//     }
-
-//     .stepper {
-//       padding: 24px 0 0;
-//       .items {
-//         display: flex;
-//         flex-direction: row;
-//         gap: 24px;
-//         .item {
-//           width: 150px;
-//           flex-shrink: 1;
-//           font-size: 14px;
-//           overflow: hidden;
-//           .num {
-//             position: relative;
-//             width: calc(100% - 13px);
-//             height: 24px;
-//             padding: 4px 6px;
-//             margin: 0 0 4px;
-//             border-radius: 2px 0 0 2px;
-//             background-color: #E8E9EB;
-//             color: #86898E;
-//             font-weight: bold;
-//             &:after {
-//               position: absolute;
-//               left: 100%;
-//               top: 0;
-//               width: 13px;
-//               height: 100%;
-//               background: transparent url('~src/assets/images/icons/step_upcoming.svg') 100% 50% no-repeat;
-//               content: '';
-//             }
-//           }
-//           .name {
-//             font-size: 14px;
-//             color: var(--second);
-//           }
-//           &.active {
-//             .num {
-//               background-color: #B88E12;
-//               color: #ffffff;
-//               &:after {
-//                 background-image: url('~src/assets/images/icons/step_active.svg');
-//               }
-//             }
-//             .name {
-//               color: #B88E12;
-//               font-weight: bold;
-//             }
-//           }
-//           &.finished {
-//             .num {
-//               background-color: rgba(184, 142, 18, 0.2);
-//               color: #B88E12;
-//               &:after {
-//                 background-image: url('~src/assets/images/icons/step_finished.svg');
-//               }
-//             }
-//             .name {
-//               color: #B88E12;
-//             }
-//           }
-//         }
-//       }
-//     }
-//   }
-
-//   .body {
-//     height: 100%;
-//     padding: 32px 24px;
-//     flex-grow: 1;
-//     overflow: auto;
-//     -webkit-overflow-scrolling: touch;
-//   }
-
-//   .footer {
-//     display: flex;
-//     flex-direction: row;
-//     align-items: center;
-//     padding: 16px 24px;
-//     border-top: 1px solid #C0C0C0;
-
-//     .left {
-//       .reset {
-//         color: var(--second);
-//         cursor: pointer;
-//       }
-
-//       .notice {
-//         font-family: PT Sans;
-//         font-size: 16px;
-//         font-style: normal;
-//         font-weight: 400;
-//         line-height: 24px; /* 150% */
-//       }
-//     }
-
-//     .right {
-//       margin-left: auto;
-//       display: flex;
-//       button {
-//         margin-left: 24px;
-//       }
-//     }
-//   }
-// }
-
-// .slider-overlay {
-//   position: fixed;
-//   top: 0;
-//   left: 0;
-//   width: 100%;
-//   height: 100%;
-//   background-color: rgba(0, 0, 0, 0.37);
-//   z-index: 100;
-// }
-
-
-// @media screen and (max-width: 767px) {
-//   .slider-bar {
-//     .header, .body, .footer {
-//       padding: 16px;
-//     }
-
-//     .footer {
-//       .left {
-//         font-size: 14px;
-//       }
-//       .right {
-//         button {
-//           padding: 8px 16px;
-//           margin-left: 16px;
-//         }
-//       }
-//     }
-//   }
-// }
+}
\ No newline at end of file