port over imagedropdown css

microsoft · Jan 23, 2024 · 2af458a · 2af458a
1 parent 7dd783a
commit 2af458a
Showing 1 changed file with 29 additions and 1 deletion.
diff --git a/newblocks/fields/field_imagedropdown.ts b/newblocks/fields/field_imagedropdown.ts
@@ -176,4 +176,32 @@ export class FieldImageDropdown extends Blockly.FieldDropdown implements FieldCu
             this.borderRect_.setAttribute('fill', this.savedPrimary_);
         }
     };
-}
+}
+
+Blockly.Css.register(`
+.blocklyDropDownButton {
+    display: inline-block;
+    float: left;
+    padding: 0;
+    margin: 4px;
+    border-radius: 4px;
+    outline: none;
+    border: 1px solid;
+    transition: box-shadow .1s;
+    cursor: pointer;
+}
+
+.blocklyDropDownButtonHover {
+    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.2);
+}
+
+.blocklyDropDownButton:active {
+    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);
+}
+
+.blocklyDropDownButton > img {
+    width: 80%;
+    height: 80%;
+    margin-top: 5%
+}
+`)