From 5c89d3e1a122d844b01770bc7d792123d3962d5f Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Thu, 4 May 2023 05:44:40 +0300
Subject: [PATCH] TSK-1337: ui fixes. (#3133)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 packages/theme/styles/_colors.scss                            | 2 +-
 plugins/tags-resources/src/components/TagsPopup.svelte        | 4 ++--
 .../view-resources/src/components/ClassAttributeBar.svelte    | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/theme/styles/_colors.scss b/packages/theme/styles/_colors.scss
index 1b65242af1..971bca0552 100644
--- a/packages/theme/styles/_colors.scss
+++ b/packages/theme/styles/_colors.scss
@@ -80,7 +80,7 @@
   --theme-navpanel-hovered: rgba(255, 255, 255, .04);
   --theme-navpanel-selected: rgba(255, 255, 255, .07);
   --theme-navpanel-divider: rgba(255, 255, 255, .1);
-  --theme-navpanel-border: transparent;
+  --theme-navpanel-border: rgba(255, 255, 255, .1);
   --theme-navpanel-icons-color: #7F7F7F;
   --theme-navpanel-icons-divider: rgba(255, 255, 255, .11);
   --theme-comp-header-color: #1F1F2C;
diff --git a/plugins/tags-resources/src/components/TagsPopup.svelte b/plugins/tags-resources/src/components/TagsPopup.svelte
index 0e20a7c831..632c289b9a 100644
--- a/plugins/tags-resources/src/components/TagsPopup.svelte
+++ b/plugins/tags-resources/src/components/TagsPopup.svelte
@@ -161,7 +161,7 @@
               <div class="flex-row-center">
                 <span class="mr-1-5">{cat.label}</span>
                 <div class="icon">
-                  <svg fill="var(--content-color)" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg">
+                  <svg fill="var(--theme-content-color)" viewBox="0 0 6 6" xmlns="http://www.w3.org/2000/svg">
                     <path d="M0,0L6,3L0,6Z" />
                   </svg>
                 </div>
@@ -189,7 +189,7 @@
                     <CheckBox checked={isSelected(selected, element)} primary />
                   </div>
                   <div class="tag" style="background-color: {getPlatformColor(element.color)};" />
-                  {element.title}
+                  <span class="lines-limit-2">{element.title}</span>
                   <span class="ml-2 text-xs">
                     ({element.refCount ?? 0})
                   </span>
diff --git a/plugins/view-resources/src/components/ClassAttributeBar.svelte b/plugins/view-resources/src/components/ClassAttributeBar.svelte
index 3df2d3c477..27dbd55ea6 100644
--- a/plugins/view-resources/src/components/ClassAttributeBar.svelte
+++ b/plugins/view-resources/src/components/ClassAttributeBar.svelte
@@ -157,7 +157,6 @@
     }
   }
   .collapsed-container {
-    overflow: hidden;
     display: flex;
     flex-direction: column;
     flex-shrink: 0;
@@ -165,6 +164,7 @@
     transition: max-height 0.2s var(--timing-main);
 
     &.collapsed {
+      overflow: hidden;
       max-height: 0;
     }
   }