From 8114d679efa9a07bd99121a5fbe1294be5457ab5 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <leo@git>
Date: Sun, 5 Nov 2023 04:11:24 +0000
Subject: [PATCH] Merged checkboxes and file icons.

---
 cista-front/src/components/FileExplorer.vue | 23 ++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

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;
 }