Merge pull request #136 from tillvit/development

Make color matrix dot double outline
tillvit · Sep 20, 2024 · ce63605 · ce63605
2 parents f9e9499 + b344b81
commit ce63605
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/app/index.css b/app/index.css
@@ -2957,11 +2957,21 @@ input[type="color"] {
   position: absolute;
   width: 15px;
   height: 15px;
-  border: 2px solid rgb(0, 0, 0);
+  border: 2px solid white;
   border-radius: 15px;
   transform: translate(-50%, -50%);
 }
 
+.color-picker-popup .color-matrix-dot:after {
+  content: " ";
+  position: absolute;
+  width: 15px;
+  height: 15px;
+  border: 2px solid black;
+  border-radius: 15px;
+  transform: translate(-4px, -4px);
+}
+
 .color-picker-popup .color-slider {
   width: 200px;
   height: 20px;

diff --git a/app/src/gui/element/Dropdown.ts b/app/src/gui/element/Dropdown.ts
@@ -55,6 +55,7 @@ export class Dropdown<T> {
       if (!target.closest(".dropdown") || target.closest(".dropdown") != view)
         itemList.style.height = ""
     })
+    itemList.classList.add("collapsed")
     this.view.appendChild(itemDisplay)
     this.view.appendChild(itemList)
     this.setSelected()