From f24abdd6df2c65665bc80e64b02f1e1bea130a6a Mon Sep 17 00:00:00 2001 From: Iury Nogueira Date: Tue, 10 Mar 2026 10:43:52 -0300 Subject: [PATCH 1/2] fix: dropdown input container style :hammer: #1358 --- projects/ion-test-app/src/app/app.component.ts | 1 + projects/ion/src/lib/dropdown/dropdown.component.scss | 8 ++++---- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/projects/ion-test-app/src/app/app.component.ts b/projects/ion-test-app/src/app/app.component.ts index 3da85538d..c3e271a91 100644 --- a/projects/ion-test-app/src/app/app.component.ts +++ b/projects/ion-test-app/src/app/app.component.ts @@ -336,6 +336,7 @@ export class AppComponent implements OnInit { options: this.optionsMock.projectOptions, className: 'col-6', placeholder: 'Selecione um projeto', + enableSearch: true, }, { key: 'centerOriginId', diff --git a/projects/ion/src/lib/dropdown/dropdown.component.scss b/projects/ion/src/lib/dropdown/dropdown.component.scss index fbd8a9004..77ae00f6f 100644 --- a/projects/ion/src/lib/dropdown/dropdown.component.scss +++ b/projects/ion/src/lib/dropdown/dropdown.component.scss @@ -133,7 +133,7 @@ align-items: center; background: ion-theme(input-background-color); border-radius: ion-theme(input-border-radius); - border: 1px solid ion-theme(input-element-border-color); + border: 1px solid ion-theme(neutral-7); width: 100%; box-sizing: border-box; transition: @@ -141,7 +141,7 @@ box-shadow 0.2s; &:hover { - border-color: ion-theme(input-element-hover-border-color); + border-color: ion-theme(primary-4); } &:focus-within { @@ -153,7 +153,7 @@ position: absolute; right: spacing(1.5); ::ng-deep svg { - fill: ion-theme(input-icon-color); + fill: ion-theme(neutral-6); } } } @@ -165,7 +165,7 @@ background: transparent; padding: ion-theme(input-element-padding); padding-right: spacing(4.5); - color: ion-theme(input-element-text-color); + color: ion-theme(neutral-7); font-size: ion-theme(input-element-text-font-size); font-family: inherit; From e5c3c8b9a4c5ffcab3c10d67a90aad5ed6bfcd06 Mon Sep 17 00:00:00 2001 From: Iury Nogueira Date: Tue, 10 Mar 2026 14:11:49 -0300 Subject: [PATCH 2/2] style: fix textarea size and placeholder font :art: #1365 --- .../ion/src/lib/input-area/input-area.component.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/projects/ion/src/lib/input-area/input-area.component.scss b/projects/ion/src/lib/input-area/input-area.component.scss index 182b74fad..d05d6c42c 100644 --- a/projects/ion/src/lib/input-area/input-area.component.scss +++ b/projects/ion/src/lib/input-area/input-area.component.scss @@ -4,20 +4,21 @@ textarea { width: 100%; + box-sizing: border-box; color: ion-theme(input-area-text-color); border: 1px solid ion-theme(input-area-border-color); border-radius: ion-theme(input-area-border-radius); background-color: ion-theme(input-area-background-color); padding: spacing(1.3) spacing(1.5); + font-size: 14px; resize: none; outline: none; cursor: text; - overflow-y: auto; + font-family: 'Source Sans Pro'; &::placeholder { - color: ion-theme(input-area-placeholder-text-color); - font-weight: ion-theme(input-area-placeholder-text-font-weight); - font-size: ion-theme(input-area-placeholder-text-font-size); + color: ion-theme(neutral-5); + font-style: normal; } &:hover {