From ed9e67482363fb96d8f8928881a59d793ff6f543 Mon Sep 17 00:00:00 2001 From: Randall Morey Date: Wed, 14 Dec 2022 18:55:11 -0500 Subject: [PATCH] Refactor info field component (#1527) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * fix: 🐛 refactor info-field component Overall context of how the `` was changed to the correct order. Corrected css grid to have the order of `label,input-field,helper-text`. Also refactored all component instances affected by the change. * refactor: 💡 refactor styling for icon to be center refactor will get the icon as close to center as possible. * chore: 🤖 tweak info field styles Co-authored-by: dvonanderson --- ui/admin/app/styles/app.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss index 868483320..849259a2c 100644 --- a/ui/admin/app/styles/app.scss +++ b/ui/admin/app/styles/app.scss @@ -468,6 +468,7 @@ .hds-form-text-input { background-color: transparent; border: 0; + color: var(--token-form-label-color); grid-area: text-input; font-size: sizing.rems(m); padding: 0; @@ -475,7 +476,6 @@ .hds-form-helper-text { color: var(--token-form-label-color); - line-height: sizing.rems(m) + sizing.rems(xxs); grid-area: helper-text; } }