diff --git a/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.html b/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.html index aea04f5b98..4e1b4cfaa4 100644 --- a/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.html +++ b/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.html @@ -24,6 +24,7 @@ [matChipInputFor]="chipList" [matChipInputSeparatorKeyCodes]="separatorKeysCodes" [attr.aria-label]="placeholder | translate" + class="adf-search-properties-file-input" (matChipInputTokenEnd)="add($event)" (blur)="activeAnyOption = false" data-automation-id="adf-search-chip-autocomplete-input"> diff --git a/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss b/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss index 429ee2f842..62ed507e8a 100644 --- a/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss +++ b/lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss @@ -6,16 +6,40 @@ adf-search-chip-autocomplete-input { width: 100%; } + .adf-chip-list:has(#{$mat-notched-outline}) { + margin-top: 4px; + } + #{$mat-form--text-field-infix} { border: none; } + .adf-chip-list#{$mat-form-field} { + #{$mat-form-field-infix} { + padding-top: 14px; + padding-bottom: 14px; + min-height: unset; + } + } + + .adf-search-properties-file-input { + margin-left: 3px; + } + .adf-autocomplete-added-option-chips.adf-option-chips { border: 1px solid var(--theme-text-color); border-radius: 10px; background-color: var(--theme-primary-color-default-contrast); height: auto; word-break: break-word; + padding: 4px 0; + } + + #{$mat-evolution-chip-set} { + #{$mat-evolution-chip} { + margin-left: 0; + margin-right: 4px; + } } .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button { diff --git a/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.scss b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.scss new file mode 100644 index 0000000000..cd99c8cff4 --- /dev/null +++ b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.scss @@ -0,0 +1,7 @@ +@import 'styles/mat-selectors'; + +adf-search-date-range-tabbed { + #{$mat-tab-header} { + margin-top: -5px; + } +} diff --git a/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.ts b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.ts index 9698ae21bc..815177cfe5 100644 --- a/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.ts +++ b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.ts @@ -42,6 +42,7 @@ const DEFAULT_DATE_DISPLAY_FORMAT = 'dd-MMM-yy'; @Component({ selector: 'adf-search-date-range-tabbed', templateUrl: './search-date-range-tabbed.component.html', + styleUrls: [ './search-date-range-tabbed.component.scss'], encapsulation: ViewEncapsulation.None }) export class SearchDateRangeTabbedComponent implements SearchWidget, OnInit { diff --git a/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.html b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.html index 97895d6307..961d22ffbe 100644 --- a/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.html +++ b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.html @@ -9,14 +9,14 @@ {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.IN_LAST' | translate }} - + {{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.IN_LAST' | translate }} - + {{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.DAYS' | translate }} {{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.WEEKS' | translate }} @@ -24,11 +24,11 @@ - + {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.BETWEEN' | translate }} - + diff --git a/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss index 0d5b6f35e0..f45a2e9560 100644 --- a/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss +++ b/lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss @@ -1,14 +1,34 @@ +@import 'styles/mat-selectors'; + adf-search-date-range { + #{$mat-icon-button}:is(button), + #{$mat-icon-button}#{$mat-button-base} { + height: 24px; + } + .adf-search-date-range-container { margin-top: 20px; padding: 10px; + .adf-search-date-range-form-field-select { + width: 180px; + min-width: 180px; + } + &-row { display: flex; flex-direction: row; - padding-bottom: 15px; + padding-bottom: 21px; align-items: center; + &-date { + margin-top: 8px; + } + + #{$mat-select-arrow-wrapper} { + height: unset; + } + .adf-search-date-range-input-field { width: 75px; } @@ -16,7 +36,18 @@ adf-search-date-range { .adf-search-date-range-form-field { padding-left: 10px; flex: 1; + margin-bottom: 12px; + + #{$mat-form-field-flex} { + #{$mat-form-field-infix} { + padding: 0.375em 0 4px 0; + } + } } } } + + .adf-search-widget-extra-width { + max-width: 500px; + } } diff --git a/lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.html b/lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.html index 518ee9c36b..4a60f46de7 100644 --- a/lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.html +++ b/lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.html @@ -4,7 +4,7 @@ - + - - - - - {{ fileSizeOperator | translate }} - - - - - - - - {{ fileSizeUnit.abbreviation | translate }} - - - +
+
+ + + + + {{ fileSizeOperator | translate }} + + + + + + + + {{ fileSizeUnit.abbreviation | translate }} + + + +

{{ 'SEARCH.SEARCH_PROPERTIES.FILE_TYPE' | translate }}