Fix delete icon visibility for long folder names with timestamp

This commit is contained in:
Кирилл Блинов 2026-05-29 13:02:37 +03:00
parent c880891839
commit 96426a09b4

View File

@ -226,6 +226,8 @@ header h1 {
cursor: pointer; cursor: pointer;
border-radius: var(--radius); border-radius: var(--radius);
transition: background 0.2s; transition: background 0.2s;
white-space: nowrap;
overflow: hidden;
} }
.folder-header:hover { .folder-header:hover {
@ -237,21 +239,27 @@ header h1 {
color: var(--text-secondary); color: var(--text-secondary);
width: 16px; width: 16px;
text-align: center; text-align: center;
flex-shrink: 0;
} }
.folder-icon { .folder-icon {
font-size: 1.1rem; font-size: 1.1rem;
flex-shrink: 0;
} }
.folder-name { .folder-name {
flex: 1; flex: 1;
font-weight: 500; font-weight: 500;
font-size: 0.9rem; font-size: 0.9rem;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
} }
.folder-date { .folder-date {
font-size: 0.7rem; font-size: 0.7rem;
color: var(--text-secondary); color: var(--text-secondary);
flex-shrink: 0;
} }
.folder-delete { .folder-delete {
@ -261,12 +269,11 @@ header h1 {
border-radius: 4px; border-radius: 4px;
transition: background 0.2s; transition: background 0.2s;
margin-left: 8px; margin-left: 8px;
opacity: 0.6; flex-shrink: 0;
} }
.folder-delete:hover { .folder-delete:hover {
background: rgba(248, 113, 113, 0.2); background: rgba(248, 113, 113, 0.2);
opacity: 1;
} }
.folder-files { .folder-files {