fix(): change modal background and field height

baloise · Jul 26, 2021 · eb87f1b · eb87f1b
1 parent 1d1fc2e
commit eb87f1b
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 4 deletions.
diff --git a/packages/components/src/components/bal-field/bal-field.scss b/packages/components/src/components/bal-field/bal-field.scss
@@ -19,7 +19,6 @@
 
     bal-field-label {
       user-select: none;
-      min-height: 20px;
 
       label[for] {
         cursor: pointer;

diff --git a/packages/components/src/components/bal-input/index.html b/packages/components/src/components/bal-input/index.html
@@ -12,7 +12,7 @@
     <div class="container">
       <h2 class="title is-size-2">Basic</h2>
       <section>
-        <bal-input id="bal-input-1" name="firstName" placeholder="Enter your firstname" data-test-id="input"></bal-input>
+        <bal-input autofocus id="bal-input-1" name="firstName" placeholder="Enter your firstname" data-test-id="input"></bal-input>
         <bal-input id="bal-input-1-preview" disabled placeholder="Enter your firstname"></bal-input>
         <bal-input id="bal-input-1-change" disabled placeholder="Enter your firstname"></bal-input>
       </section>
@@ -21,7 +21,6 @@ <h2 class="title is-size-2">Basic</h2>
         var input1 = document.getElementById('bal-input-1')
         var input1Preview = document.getElementById('bal-input-1-preview')
         var input1Change = document.getElementById('bal-input-1-change')
-        setTimeout(() => input1.setFocus(), 100)
         input1.addEventListener('balInput', function (event) {
           input1Preview.value = event.detail
         })

diff --git a/packages/components/src/components/bal-modal/bal-modal.vars.scss b/packages/components/src/components/bal-modal/bal-modal.vars.scss
@@ -25,4 +25,4 @@ $modal-card-title-size: $size-large;
 $modal-card-foot-border-top: 0;
 $modal-card-head-border-bottom: 0;
 
-$modal-background-background-color: bulmaRgba(darken($blue-darker, 10), 0.86);
+$modal-background-background-color: bulmaRgba(darken($blue-dark, 10), 0.86);