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; 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 {