fix(ui) #26056: Autocomplete Styles were Off

* fix (autocomplete styles): height and fonts were off for autocomplete without chips * feedback (autocomplete styles): add calculation to maintain the variables
dotCMS · Nov 6, 2023 · ed681cc · ed681cc
1 parent bebc3dc
commit ed681cc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/core-web/libs/dotcms-scss/angular/_mixins.scss b/core-web/libs/dotcms-scss/angular/_mixins.scss
@@ -76,7 +76,7 @@
 
 @mixin dot-field-helper-on-input {
     position: absolute;
-    top: 1.8rem;
+    top: 1.96rem;
     right: $spacing-0;
     z-index: 1;
 }

diff --git a/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_autocomplete.scss b/core-web/libs/dotcms-scss/angular/dotcms-theme/components/form/_autocomplete.scss
@@ -13,7 +13,15 @@
 
     .p-autocomplete-input {
         all: unset;
+        border: none;
+        font-family: $font-default;
+        font-size: $font-size-md;
         color: $black;
+        padding: 0;
+        margin: 0;
+        height: calc(
+            $field-height-md - (2 * $field-border-size)
+        ); // This input height is to match the 40px height, 40px - 3px of horizontal borders, because this input does not have borders
     }
 
     &.p-autocomplete-dd {