fix: input height fixes #1179, #1308

zyfra · Feb 13, 2024 · 90e92e6 · 90e92e6
1 parent 058a5b8
commit 90e92e6
Show file tree

Hide file tree

Showing 5 changed files with 42 additions and 0 deletions.
diff --git a/libs/components/src/lib/components/input/carousel/input-carousel-auxiliary-left.component.ts b/libs/components/src/lib/components/input/carousel/input-carousel-auxiliary-left.component.ts
@@ -26,6 +26,7 @@ import { PrizmInputCommonModule } from '../common';
  :host {
  display: flex;
  align-items: center;
+ height: 100%;
  }
  `,
  ],

diff --git a/.../components/src/lib/components/input/carousel/input-carousel-auxiliary-right.component.ts b/.../components/src/lib/components/input/carousel/input-carousel-auxiliary-right.component.ts
@@ -26,6 +26,7 @@ import { PrizmInputCommonModule } from '../common';
  :host {
  display: flex;
  align-items: center;
+ height: 100%;
  }
  `,
  ],

diff --git a/...onents/src/lib/components/input/common/input-icon-button/input-icon-button.component.less b/...onents/src/lib/components/input/common/input-icon-button/input-icon-button.component.less
@@ -31,6 +31,7 @@
  }
 
  cursor: pointer;
+ height: 100%;
  }
 
  color: var(--prizm-v3-button-secondary-solid-default);

diff --git a/libs/components/src/lib/components/input/common/input-layout/input-layout.component.less b/libs/components/src/lib/components/input/common/input-layout/input-layout.component.less
@@ -118,6 +118,9 @@
  display: flex;
  align-items: center;
  flex-grow: 1;
+
+ // Hack for height in percents for buttons inside controls
+ height: 1px;
  }
 
  &-body {
@@ -204,11 +207,23 @@
  &-inner {
  min-height: 44px;
 
+ &:not(:has(prizm-chips)) {
+ max-height: 44px;
+ }
+
  &[data-size='l'] {
  min-height: 44px;
+
+ &:not(:has(prizm-chips)) {
+ max-height: 44px;
+ }
  }
  &[data-size='m'] {
  min-height: 36px;
+
+ &:not(:has(prizm-chips)) {
+ max-height: 36px;
+ }
  }
  }
 
@@ -218,14 +233,30 @@
  &-outer {
  min-height: 32px;
 
+ &:not(:has(prizm-chips)) {
+ max-height: 32px;
+ }
+
  &[data-size='l'] {
  min-height: 40px;
+
+ &:not(:has(prizm-chips)) {
+ max-height: 40px;
+ }
  }
  &[data-size='m'] {
  min-height: 32px;
+
+ &:not(:has(prizm-chips)) {
+ max-height: 32px;
+ }
  }
  &[data-size='s'] {
  min-height: 24px;
+
+ &:not(:has(prizm-chips)) {
+ max-height: 24px;
+ }
  }
  }
 

diff --git a/...ents/src/lib/components/input/input-number/input-number-auxiliary-controls.component.less b/...ents/src/lib/components/input/input-number/input-number-auxiliary-controls.component.less
@@ -1,6 +1,14 @@
+:host {
+ height: 100%;
+}
 .container {
  display: flex;
  flex-direction: column;
+ height: 100%;
+
+ [prizmInputIconButton] {
+ height: 50%;
+ }
 }
 
 :host-context(.prizm-input-form-outer[data-size='m']) {