giers10/textDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update folder item styles and add delete button

Browse Source
This commit is contained in:
Victor Giers
2026-02-01 01:09:55 +01:00
parent 4ae8f6dfc2
commit 1d9c1246dd
1 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/index.css
View File

@@ -297,11 +297,6 @@ body {
border-color: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.12);
} }
.folder-item.is-open {
border-color: var(--border-strong);
background: var(--bg-active);
}
.folder-item__toggle { .folder-item__toggle {
width: 22px; width: 22px;
height: 22px; height: 22px;
@@ -313,7 +308,7 @@ body {
color: var(--muted); color: var(--muted);
cursor: pointer; cursor: pointer;
padding: 0; padding: 0;
font-size: 0.9rem; font-size: 1rem;
} }
.folder-item__title { .folder-item__title {
@@ -323,6 +318,26 @@ body {
word-break: break-word; word-break: break-word;
} }
.folder-item__delete {
width: 28px;
height: 28px;
border-radius: 8px;
border: 1px solid transparent;
background: transparent;
color: var(--muted);
font-size: 1rem;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-left: 6px;
}
.folder-item__delete:hover {
color: var(--ink);
}
.folder-item__input { .folder-item__input {
width: 100%; width: 100%;
font: inherit; font: inherit;