diff --git a/cista-front/src/components/FileExplorer.vue b/cista-front/src/components/FileExplorer.vue index a0e6fd5..3d6704e 100644 --- a/cista-front/src/components/FileExplorer.vue +++ b/cista-front/src/components/FileExplorer.vue @@ -303,10 +303,15 @@ table { width: 100%; table-layout: fixed; } -table input[type='checkbox'] { +table thead input[type='checkbox'] { + position: inherit; width: 1rem; height: 1rem; } +table tbody input[type='checkbox'] { + width: 2rem; + height: 2rem; +} table .selection { width: 1rem; } @@ -392,11 +397,23 @@ tbody tr.cursor { .name a { 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: '📄 '; font-size: 1.5em; } -.folder .name::before { +.folder .selection::before { content: '📁 '; font-size: 1.5em; }