feat: checkbox verwijderd

webui/html/style.css

@@ -282,7 +282,7 @@ button:disabled {
 
 .list-grid-header {
   display: grid;
-  grid-template-columns: 14px minmax(0, 1fr) 88px 138px;
+  grid-template-columns: minmax(0, 1fr) 88px 138px;
   gap: 6px;
   padding: 4px 6px 5px 6px;
   border-bottom: 1px solid var(--color-border);
@@ -304,10 +304,11 @@ button:disabled {
   border-top: 1px solid var(--color-border);
   padding: 6px 6px 5px 6px;
   display: grid;
-  grid-template-columns: 14px minmax(0, 1fr) 88px 138px;
+  grid-template-columns: minmax(0, 1fr) 88px 138px;
   gap: 6px;
   align-items: center;
   border-radius: var(--radius-sm);
+  transition: background 100ms ease, box-shadow 100ms ease;
 }
 
 .list li.selectable {
@@ -418,6 +419,7 @@ button:disabled {
 
 .list li.is-selected {
   background: var(--color-selection-bg);
+  box-shadow: inset 0 0 0 1px var(--color-selection-border);
 }
 
 .list li.is-current-row {
@@ -430,26 +432,19 @@ button:disabled {
 
 .list li.is-current-row.is-selected {
   background: var(--color-selection-bg);
-  box-shadow: inset 0 0 0 1px var(--color-current-row-border);
+  box-shadow:
+    inset 0 0 0 1px var(--color-current-row-border),
+    inset 3px 0 0 var(--color-active-pane-border);
 }
 
-.select-marker {
-  appearance: none;
-  width: 10px;
-  min-width: 10px;
-  height: 10px;
-  border: 1px solid var(--color-border);
-  border-radius: 2px;
-  display: inline-block;
-  margin: 0;
-  cursor: pointer;
-  background: var(--color-surface);
+.pane:not(.active-pane) .list li.is-selected {
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-selection-border) 60%, transparent);
 }
 
-.list li.is-selected .select-marker,
-.select-marker:checked {
-  background: var(--color-accent);
-  border-color: var(--color-accent);
+.pane:not(.active-pane) .list li.is-current-row.is-selected {
+  box-shadow:
+    inset 0 0 0 1px var(--color-current-row-border),
+    inset 2px 0 0 color-mix(in srgb, var(--color-active-pane-border) 55%, transparent);
 }
 
 .entry-name {