From 3a1816d67bc731f7ae67c40550f89a1703fd397d Mon Sep 17 00:00:00 2001
From: Filippov Alex <support@e154.ru>
Date: Tue, 2 Jan 2024 15:59:37 +0530
Subject: [PATCH] technical debt

---
 .../admin/src/layout/components/AppView.vue   | 11 ++++++-
 static_source/admin/src/styles/var.css        |  2 ++
 .../src/views/Dashboard/editor/editor.vue     | 14 ++++-----
 .../admin/src/views/Dashboard/view/view.vue   | 29 -------------------
 4 files changed, 19 insertions(+), 37 deletions(-)

diff --git a/static_source/admin/src/layout/components/AppView.vue b/static_source/admin/src/layout/components/AppView.vue
index a39f9153d..493dfcf9d 100644
--- a/static_source/admin/src/layout/components/AppView.vue
+++ b/static_source/admin/src/layout/components/AppView.vue
@@ -13,6 +13,8 @@ const fixedHeader = computed(() => appStore.getFixedHeader)
 
 const footer = computed(() => appStore.getFooter)
 
+const tagsView = computed(() => appStore.getTagsView)
+
 const tagsViewStore = useTagsViewStore()
 
 const getCaches = computed((): string[] => {
@@ -42,7 +44,14 @@ onUnmounted(() => {
 <template>
   <section
     :class="[
-      'p-[var(--app-content-padding)] w-[100%] bg-[var(--app-content-bg-color)] dark:bg-[var(--el-bg-color)]', '!min-h-[calc(100%-var(--top-tool-height))]', 'h-[calc(100%-var(--top-tool-height))]',
+      'p-[var(--app-content-padding)] w-[100%] bg-[var(--app-content-bg-color)] dark:bg-[var(--el-bg-color)]',
+      {
+        '!min-h-[calc(100%-var(--top-tool-height))]': !tagsView,
+        'h-[calc(100%-var(--top-tool-height))]': !tagsView,
+
+        '!min-h-[calc(100%-var(--top-tool-height)-var(--tags-view-full-height))]': tagsView,
+        'h-[calc(100%-var(--top-tool-height)-var(--tags-view-full-height))]': tagsView,
+      },
       {
         '!min-h-[calc(100%-var(--app-footer-height))]':
           ((fixedHeader && (layout === 'classic' || layout === 'topLeft')) || layout === 'top') &&
diff --git a/static_source/admin/src/styles/var.css b/static_source/admin/src/styles/var.css
index b3f0b8052..836559c0b 100644
--- a/static_source/admin/src/styles/var.css
+++ b/static_source/admin/src/styles/var.css
@@ -44,6 +44,8 @@
 
   --tags-view-height: 35px;
 
+  --tags-view-full-height: 37px;
+
   --tags-view-border-color: #eee;
   /* header start */
 
diff --git a/static_source/admin/src/views/Dashboard/editor/editor.vue b/static_source/admin/src/views/Dashboard/editor/editor.vue
index 961ac41a3..2e3f8d1f5 100644
--- a/static_source/admin/src/views/Dashboard/editor/editor.vue
+++ b/static_source/admin/src/views/Dashboard/editor/editor.vue
@@ -142,7 +142,10 @@ const resizeHandler = function ($event) {
   }
 };
 
-const elContainerHeight = computed(()=> (splitPaneBottom.value - 60) + 'px')
+const tagsView = computed(() => tagsView.value? 37 : 0)
+const elContainerHeight = computed(()=> {
+  return (splitPaneBottom.value - 60 - tagsView.value)  + 'px';
+})
 
 </script>
 
@@ -215,13 +218,10 @@ const elContainerHeight = computed(()=> (splitPaneBottom.value - 60) + 'px')
   position: relative;
 }
 
-.item-card-editor {
-  /*background-color: #f1f1f1;*/
-}
-
 .components-container {
-  height: calc(100vh - 50px);
-  /*min-height: calc(100vh - 50px);*/
+  //height: calc(100vh - 50px);
+  height: inherit;
+  height: -webkit-fill-available;
   margin: 0;
   padding: 0;
 }
diff --git a/static_source/admin/src/views/Dashboard/view/view.vue b/static_source/admin/src/views/Dashboard/view/view.vue
index 884ec119d..fbf158cb9 100644
--- a/static_source/admin/src/views/Dashboard/view/view.vue
+++ b/static_source/admin/src/views/Dashboard/view/view.vue
@@ -100,35 +100,6 @@ fetchDashboard()
   background: #f1f1f1;
 }
 
-.item-card-editor {
-  /*background-color: #f1f1f1;*/
-}
-
-.components-container {
-  height: calc(100vh - 50px);
-  /*min-height: calc(100vh - 50px);*/
-  margin: 0;
-  padding: 0;
-}
-
-.top-container {
-  width: 100%;
-  height: 100%;
-  //padding: 0 20px;
-  overflow-y: scroll;
-}
-
-.bottom-container {
-  width: 100%;
-  height: 100%;
-  padding: 0 20px;
-  overflow-y: scroll;
-}
-
-.filter-list {
-
-}
-
 p {
   display: block;
   margin-block-start: 1em;