fix(ld-input): fix input height

emdgroup-liquid · Jul 13, 2021 · e51f492 · e51f492
1 parent ab716c0
commit e51f492
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 24 deletions.
diff --git a/src/liquid/components/ld-input/ld-input.css b/src/liquid/components/ld-input/ld-input.css
@@ -72,10 +72,15 @@ ld-input {
 
   > input {
     max-height: var(--ld-input-max-height-md);
+    align-self: stretch;
 
     &[type='file'] {
       opacity: 0;
 
+      &:not(:disabled):not([aria-disabled='true']) {
+        cursor: pointer;
+      }
+
       &::-webkit-file-upload-button {
         display: none;
       }

diff --git a/src/liquid/components/ld-input/readme.md b/src/liquid/components/ld-input/readme.md
@@ -128,25 +128,13 @@ By default, the `ld-input` component is of [type `text`](https://developer.mozil
 ### Type date
 
 {% example %}
-<ld-input placeholder="Birthday" type="date" value="2017-06-01" size="sm"></ld-input>
-
 <ld-input placeholder="Birthday" type="date" value="2017-06-01"></ld-input>
 
-<ld-input placeholder="Birthday" type="date" value="2017-06-01" size="lg"></ld-input>
-
 <!-- CSS component -->
 
-<div class="ld-input ld-input--sm">
-  <input placeholder="Birthday" type="date" value="2017-06-01">
-</div>
-
 <div class="ld-input">
   <input placeholder="Birthday" type="date" value="2017-06-01">
 </div>
-
-<div class="ld-input ld-input--lg">
-  <input placeholder="Birthday" type="date" value="2017-06-01">
-</div>
 {% endexample %}
 
 ### Type email
@@ -222,25 +210,13 @@ Triggers a telephone keypad in some devices with dynamic keypads.
 ### Type time
 
 {% example %}
-<ld-input placeholder="Time of reservation" type="time" value="13:30" size="sm"></ld-input>
-
 <ld-input placeholder="Time of reservation" type="time" value="13:30"></ld-input>
 
-<ld-input placeholder="Time of reservation" type="time" value="13:30" size="lg"></ld-input>
-
 <!-- CSS component -->
 
-<div class="ld-input ld-input--sm">
-  <input placeholder="Time of reservation" type="time" value="13:30">
-</div>
-
 <div class="ld-input">
   <input placeholder="Time of reservation" type="time" value="13:30">
 </div>
-
-<div class="ld-input ld-input--lg">
-  <input placeholder="Time of reservation" type="time" value="13:30">
-</div>
 {% endexample %}
 
 ### Type url