Vasanko/cista-storage
Vasanko/cista-storage
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Merged checkboxes and file icons.

Browse Source
This commit is contained in:
Leo Vasanko 2023-11-05 04:11:24 +00:00
parent 32b8e0702c
commit 8114d679ef
1 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
cista-front/src/components/FileExplorer.vue
View File

@ -303,10 +303,15 @@ table {
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
} }
table input[type='checkbox'] { table thead input[type='checkbox'] {
position: inherit;
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
} }
table tbody input[type='checkbox'] {
width: 2rem;
height: 2rem;
}
table .selection { table .selection {
width: 1rem; width: 1rem;
} }
@ -392,11 +397,23 @@ tbody tr.cursor {
.name a { .name a {
text-decoration: none; text-decoration: none;
} }
.file .name::before { tr {
height: 2.5rem;
}
tbody .selection input {
z-index: 1;
position: absolute;
opacity: 0;
left: 0;
}
.selection input:checked {
opacity: 1;
}
.file .selection::before {
content: '📄 '; content: '📄 ';
font-size: 1.5em; font-size: 1.5em;
} }
.folder .name::before { .folder .selection::before {
content: '📁 '; content: '📁 ';
font-size: 1.5em; font-size: 1.5em;
} }