From d36ed2f41190c93abf85b202723fba3044a119c3 Mon Sep 17 00:00:00 2001
From: Boris Voropaev <boris1voropaev@gmail.com>
Date: Tue, 21 Nov 2023 12:50:30 +0300
Subject: [PATCH] pages-section css

---
 .../sections/add/add-section.component.scss   | 17 -------
 .../sections/menu/page-menu.component.html    |  8 ++--
 .../items/cards-section-items.component.scss  | 11 -----
 .../item/cards-section-item.component.scss    |  6 +--
 src/assets/css/_basics.scss                   | 44 +++----------------
 src/assets/css/_pages-section.scss            | 39 ++++++++++++++++
 src/styles.scss                               |  3 +-
 7 files changed, 52 insertions(+), 76 deletions(-)
 create mode 100644 src/assets/css/_pages-section.scss

diff --git a/src/app/_modules/pages/sections/add/add-section.component.scss b/src/app/_modules/pages/sections/add/add-section.component.scss
index 4cc3aa6..e69de29 100644
--- a/src/app/_modules/pages/sections/add/add-section.component.scss
+++ b/src/app/_modules/pages/sections/add/add-section.component.scss
@@ -1,17 +0,0 @@
-.add{
-  position: relative;
-.toggle{
-  position:inherit;
-  display: flex;
-  gap:8px;
-  align-items: center;
-  drop-down{
-    margin-top: 4px;
-  }
-  &.active{
-    a{
-      color: var(--prime-act);
-    }
-  }
-}
-}
\ No newline at end of file
diff --git a/src/app/_modules/pages/sections/menu/page-menu.component.html b/src/app/_modules/pages/sections/menu/page-menu.component.html
index e25d580..322320b 100644
--- a/src/app/_modules/pages/sections/menu/page-menu.component.html
+++ b/src/app/_modules/pages/sections/menu/page-menu.component.html
@@ -1,8 +1,8 @@
 <div class="menu" *ngIf="editMode">
   <div class="block">
-    <button type="button" class="up" *ngIf="!isFirst" (click)="move(ord - 1)"></button>
-    <button type="button" class="down" *ngIf="!isLast" (click)="move(ord + 1)"></button>
-    <button type="button" class="edit" (click)="edit()"></button>
-    <button type="button" class="delete" (click)="delete()"></button>
+    <a><ico ico="arrow_upward_24"  (click)="move(ord - 1)"></ico></a>
+    <a><ico ico="arrow_downward_24"  (click)="move(ord + 1)"></ico></a>
+    <a><ico ico="edit_24"  (click)="edit()"></ico></a>
+    <a><ico ico="delete_24"  (click)="delete()"></ico></a>
   </div>
 </div>
diff --git a/src/app/_modules/pages/sections/types/basic/cards/items/cards-section-items.component.scss b/src/app/_modules/pages/sections/types/basic/cards/items/cards-section-items.component.scss
index fb9d97b..e69de29 100644
--- a/src/app/_modules/pages/sections/types/basic/cards/items/cards-section-items.component.scss
+++ b/src/app/_modules/pages/sections/types/basic/cards/items/cards-section-items.component.scss
@@ -1,11 +0,0 @@
-.items {
-  display: flex;
-  flex-direction: row;
-  align-items: stretch;
-  gap: 24px;
-  flex-wrap: wrap;
-
-  cards-section-item {
-    width: 240px
-  }
-}
diff --git a/src/app/_modules/pages/sections/types/basic/cards/items/item/cards-section-item.component.scss b/src/app/_modules/pages/sections/types/basic/cards/items/item/cards-section-item.component.scss
index 23b2875..8b13789 100644
--- a/src/app/_modules/pages/sections/types/basic/cards/items/item/cards-section-item.component.scss
+++ b/src/app/_modules/pages/sections/types/basic/cards/items/item/cards-section-item.component.scss
@@ -1,5 +1 @@
-.card {
-  height: 100%;
-  padding: 12px;
-  border: #dedede solid 1px;
-}
+
diff --git a/src/assets/css/_basics.scss b/src/assets/css/_basics.scss
index 8ff1b26..d7a1904 100644
--- a/src/assets/css/_basics.scss
+++ b/src/assets/css/_basics.scss
@@ -43,49 +43,17 @@ $pxxs:4px;
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-.menu, .page-header {
+.menu {
   display: flex;
   .block {
     background: #fff;
     border: 1px solid var(--second-dis);
-    border-radius: 12px;
-    padding: 12px 24px;
+    border-radius: $pxs;
+    padding: $pxs $ps;
     display: flex;
-    margin-bottom: 16px;
-    column-gap: 20px;
-    button {
-      background-position: center;
-      background-repeat: no-repeat;
-      padding: 0;
-      background-color: #ffffff;
-      border: none;
-      border-radius: 0;
-      &.up, &.down, &.edit, &.publish, &.unpublish, &.delete {
-        width: 24px;
-        height: 24px;
-      }
-      &.up {background-image: url("~src/assets/images/icons/arrow_upward_24dp.svg");}
-      &.down {background-image: url("~src/assets/images/icons/arrow_downward_24dp.svg");}
-      &.edit {background-image: url("~src/assets/images/icons/edit_24dp.svg");}
-      &.publish {background-image: url("~src/assets/images/icons/visibility_on_24dp.svg");}
-      &.unpublish {background-image: url("~src/assets/images/icons/visibility_off_24dp.svg");}
-      &.delete {background-image: url("~src/assets/images/icons/trash_24dp.svg");}
-    }
+    margin-bottom: $ps;
+    margin-top: $ps;
+    column-gap: $ps;
   }
 }
 
diff --git a/src/assets/css/_pages-section.scss b/src/assets/css/_pages-section.scss
new file mode 100644
index 0000000..90eada3
--- /dev/null
+++ b/src/assets/css/_pages-section.scss
@@ -0,0 +1,39 @@
+add-section{
+    .add{
+        position: relative;
+      .toggle{
+        position:inherit;
+        display: flex;
+        gap:8px;
+        align-items: center;
+        drop-down{
+          margin-top: 4px;
+        }
+        &.active{
+          a{
+            color: var(--prime-act);
+          }
+        }
+      }
+    }
+}
+
+
+.cards-section-items{
+    .items {
+        display: flex;
+        flex-direction: row;
+        align-items: stretch;
+        gap: 24px;
+        flex-wrap: wrap;
+      
+        cards-section-item {
+          width: 240px;
+          .card {
+            height: 100%;
+            padding: 12px;
+            border: #dedede solid 1px;
+          }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index 19e9526..57dc748 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -11,4 +11,5 @@
 @import 'registry';
 @import 'slider';
 @import 'tables';
-@import 'tabs.scss';
\ No newline at end of file
+@import 'tabs.scss';
+@import 'pages-section';
\ No newline at end of file