From d6f852e0d0ad2c18e21574b7aa9e412eb38a8eb2 Mon Sep 17 00:00:00 2001 From: Daniel Date: Sun, 13 Aug 2023 22:26:36 -0400 Subject: [PATCH] Fixed an issue with label alignment of inputs dnn-input and dnn-select were having alignment issues when used in situations where the label would not have the same font-size as the body. This makes the label be 1rem so that we can align it with an expected size. --- .../stencil-library/src/components/dnn-input/dnn-input.scss | 3 ++- .../stencil-library/src/components/dnn-select/dnn-select.scss | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/stencil-library/src/components/dnn-input/dnn-input.scss b/packages/stencil-library/src/components/dnn-input/dnn-input.scss index 78910e87f..b769acd23 100644 --- a/packages/stencil-library/src/components/dnn-input/dnn-input.scss +++ b/packages/stencil-library/src/components/dnn-input/dnn-input.scss @@ -48,6 +48,7 @@ white-space: nowrap; max-width: 100%; border-radius: var(--control-radius); + font-size: 1rem; } input{ border: none; @@ -119,7 +120,7 @@ button.show-password{ margin: 0; padding: 0; svg{ - height: 1em; + height: 1rem; width: auto; fill: var(--foreground); transform: scale(1.5); diff --git a/packages/stencil-library/src/components/dnn-select/dnn-select.scss b/packages/stencil-library/src/components/dnn-select/dnn-select.scss index ef2a6830a..e1305f8ec 100644 --- a/packages/stencil-library/src/components/dnn-select/dnn-select.scss +++ b/packages/stencil-library/src/components/dnn-select/dnn-select.scss @@ -48,6 +48,7 @@ white-space: nowrap; max-width: 100%; border-radius: var(--control-radius); + font-size: 1rem; } select{ border: none;