...

mugendi · May 2, 2024 · 0c21d59 · 0c21d59
1 parent 89095cc
commit 0c21d59
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/build/svelte-former.js b/build/svelte-former.js
diff --git a/src/elements/Label.svelte b/src/elements/Label.svelte
@@ -11,7 +11,7 @@
   export let control;
   export let id;
   export let label;
-  export let cls = "label";
+  export let cls = "svelte-former-label";
 
   label = merge(typeof control.label == "object" ? control.label : {}, {
     text: label || control.label.text || control.label,

diff --git a/src/elements/controls/Input.svelte b/src/elements/controls/Input.svelte
@@ -32,7 +32,7 @@
 {#if type == "radio"}
   <div class="label-container">
     <div>
-      <Label bind:control cls="label pad-left"/>
+      <Label bind:control cls="svelte-former-label pad-left"/>
 
       <div class="radio-control" bind:this={control.node}>
         {#each control.options as option, i}
@@ -51,7 +51,7 @@
             bind:control
             label={option.text || option}
             id={control.attributes.id + "-" + (i + 1)}
-            cls="label small"
+            cls="svelte-former-label small"
           />
         {/each}
       </div>

diff --git a/src/styles/form.scss b/src/styles/form.scss
@@ -27,13 +27,13 @@
         text-wrap: nowrap;
         margin-top: 5px;
 
-        .label, input {
+        .svelte-former-label, input {
           display: inline-block;
         }
 
       }
 
-      .label {
+      .svelte-former-label {
         font-size: 1rem;
         font-weight: 600;
         margin-right: 5px;