TSK-1337: ui fixes. (#3133)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>

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;

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>

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;
     }
   }