Allow toggling custom style

eea · Oct 3, 2020 · 665e3b3 · 665e3b3
1 parent c21c528
commit 665e3b3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/Widgets/StyleSelect.jsx b/src/Widgets/StyleSelect.jsx
@@ -32,7 +32,9 @@ const StyleSelectWidget = (props) => {
               <Card
                 as="div"
                 name={style.id}
-                onClick={() => onChange(id, style.id)}
+                onClick={() =>
+                  onChange(id, style.id === value ? null : style.id)
+                }
                 key={style.id}
                 className={cx({ active: style.id === value })}
               >

diff --git a/src/styles.less b/src/styles.less
@@ -15,6 +15,9 @@
 }
 
 .style-select-widget {
+  .card {
+    cursor: pointer;
+  }
   .card.active {
     .extra.content {
       background-color: #eee;