Fix checkbox depth in frontend settings

2020-10-13 14:29:32 +01:00 · 2020-10-13 14:29:32 +01:00 · 9929d12c6f
parent 51c407c2f9
commit 9929d12c6f
1 changed files with 6 additions and 1 deletions
--- a/packages/builder/src/components/common/Checkbox.svelte
+++ b/packages/builder/src/components/common/Checkbox.svelte
@ -12,13 +12,18 @@
 </script>

 <input type="checkbox" class="checkbox" id="_checkbox" />
-<div on:click={handleChange}>
+<div class="checkbox-container" on:click={handleChange}>
  <div class="check-div" class:checked>
    <div class="tick_mark" />
  </div>
 </div>

 <style>
+  .checkbox-container {
+    position: relative;
+    z-index: 0;
+  }
+
  .checkbox {
    display: none;
  }