[ACS-7768] unify inputs and selects across the app (#9687)

* Changed ng version before material migration

* migration for material'

* Fixed most of unit tests failing

* [affected:*][ci:force] Fixing rebase

* [affected:*][ci:force] attempt to fix mat-selectors importing

* [affected:*][ci:force] Fixing the styles - check

* AAE-21392 Fix dropdown form widget style (#9605)

* ACS-7768 Applied new styles for inputs

* ACS-7768 Align icon

* ACS-7768 Input colors based on input state

* ACS-7768 Corrected spaces

* ACS-7768 Styles for selectboxes

* ACS-7768 Fixed label jumping on hovering

* ACS-7768 Style inputs for add permission panel, user role column and comments, styles for inputs without label

* ACS-7768 Style inputs in search filters

* ACS-7768 Set appearance for inputs globally to outline

* ACS-7768 Style inputs for share dialog and login page

* ACS-7768 Style inputs in properties panel

* ACS-7768 Fixed white background when disabled field

* ACS-7768 Moved setting outline appearance for inputs to ACA, fix issue for inputs in permission container

* Revert "[affected:*][ci:force] Fixing the styles - check"

This reverts commit 80d971f7ab.

* Revert "[affected:*][ci:force] attempt to fix mat-selectors importing"

This reverts commit 821d9e1864.

* Revert "[affected:*][ci:force] Fixing rebase"

This reverts commit 378c6c2000.

* Revert "Fixed most of unit tests failing"

This reverts commit 44948e0a28.

* ACS-7768 Reverted unwanted changes

---------

Co-authored-by: Vito Albano <vito.albano@hyland.com>
Co-authored-by: Diogo Bastos <50139916+DiogoABastos@users.noreply.github.com>
This commit is contained in:
AleksanderSklorz
2024-05-17 12:19:17 +02:00
committed by VitoAlbano
parent d00f735052
commit a385ae9b60
42 changed files with 424 additions and 513 deletions

View File

@@ -34,15 +34,6 @@
&__form {
padding-top: 8px;
#{$mat-form-field-infix}:has(.adf-share-link__input) {
border-top: 0.9375em solid transparent;
height: 16px;
}
&--field {
padding-bottom: 16px;
}
}
&__public-content {
@@ -64,12 +55,12 @@
margin: 8px 0;
&-sharable {
margin-bottom: 0;
margin-bottom: 14px;
}
}
&--sharable-container {
margin-bottom: 0;
margin-bottom: 14px;
}
&--header {
@@ -116,23 +107,30 @@
font-size: 22px;
}
&__calender-icon {
top: 12px;
position: relative;
right: -6px;
svg {
height: 18px;
width: 18px;
}
}
&__date-time-container {
padding-bottom: 20px;
padding-bottom: 2px;
}
&__border-color {
border: 1px solid var(--theme-warn-color-a700);
&.adf-full-width {
&#{$mat-form-field} {
&#{$mat-form-field-label-always-float} {
&#{$mat-form-field-appearance-outline} {
#{$mat-text-field-outlined}, #{$mat-text-field-outlined}:hover {
#{$mat-notched-outline-leading}, #{$mat-notched-outline-trailing}, #{$mat-notched-outline-notch} {
border-color: var(--theme-warn-color-a700);
border-width: 2px;
}
#{$mat-notched-outline-notch} {
border-left: none;
border-left-width: 0;
}
}
}
}
}
}
}
}