Merge pull request #61 from MetaCell/feature/CC-200

CC-200 Work to fix the vertical alignment of the color widget symbols on the layer side bar
MetaCell · Dec 21, 2024 · 50cd9d2 · 50cd9d2
2 parents 1f873d1 + e5fe020
commit 50cd9d2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/ui/layer_list_panel.css b/src/ui/layer_list_panel.css
@@ -14,6 +14,7 @@
   padding: 2px;
   border: 1px solid #aaa;
   margin: 2px;
+  gap: 4px;
 }
 
 .neuroglancer-layer-list-panel-item[data-selected="true"] {
@@ -45,12 +46,17 @@
   display: inline-block;
 }
 
+.neuroglancer-layer-list-panel-item input[type="checkbox"] {
+  width: '1rem';
+  height: '1rem';
+  margin: '0.25rem';
+}
+
 .neuroglancer-layer-list-panel-color-value-wrapper {
   position: relative;
   width: 10px;
   height: 10px;
   padding: 5px;
-  margin: 0 4px;
 }
 
 .neuroglancer-layer-list-panel-color-value {

diff --git a/src/ui/layer_list_panel.ts b/src/ui/layer_list_panel.ts
@@ -92,6 +92,8 @@ export class LayerVisibilityWidget extends RefCounted {
         this.layer.setVisible(true);
       },
     });
+    element.style.display = "flex";
+    element.style.alignItems = "center";
     element.appendChild(showIcon);
     element.appendChild(hideIcon);
     const updateView = () => {