TSK-1337: ui fixes. (#3133)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2023-05-04 05:44:40 +03:00 committed by GitHub
parent 0de6804083
commit 5c89d3e1a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions

View File

@ -80,7 +80,7 @@
--theme-navpanel-hovered: rgba(255, 255, 255, .04); --theme-navpanel-hovered: rgba(255, 255, 255, .04);
--theme-navpanel-selected: rgba(255, 255, 255, .07); --theme-navpanel-selected: rgba(255, 255, 255, .07);
--theme-navpanel-divider: rgba(255, 255, 255, .1); --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-color: #7F7F7F;
--theme-navpanel-icons-divider: rgba(255, 255, 255, .11); --theme-navpanel-icons-divider: rgba(255, 255, 255, .11);
--theme-comp-header-color: #1F1F2C; --theme-comp-header-color: #1F1F2C;

View File

@ -161,7 +161,7 @@
<div class="flex-row-center"> <div class="flex-row-center">
<span class="mr-1-5">{cat.label}</span> <span class="mr-1-5">{cat.label}</span>
<div class="icon"> <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" /> <path d="M0,0L6,3L0,6Z" />
</svg> </svg>
</div> </div>
@ -189,7 +189,7 @@
<CheckBox checked={isSelected(selected, element)} primary /> <CheckBox checked={isSelected(selected, element)} primary />
</div> </div>
<div class="tag" style="background-color: {getPlatformColor(element.color)};" /> <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"> <span class="ml-2 text-xs">
({element.refCount ?? 0}) ({element.refCount ?? 0})
</span> </span>

View File

@ -157,7 +157,6 @@
} }
} }
.collapsed-container { .collapsed-container {
overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-shrink: 0; flex-shrink: 0;
@ -165,6 +164,7 @@
transition: max-height 0.2s var(--timing-main); transition: max-height 0.2s var(--timing-main);
&.collapsed { &.collapsed {
overflow: hidden;
max-height: 0; max-height: 0;
} }
} }