inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improvement/AAE-19176-reapply-selector-changes (#9424)

Browse Source 
* AAE-19510 remove selector variable

* AAE-19510 poc for card view using variable selectors

* AAE-19176 rename mat selectors file

* AAE-19176 add missing style imports

* AAE-19176 remove remaining mat selectors

* AAE-19176 replaced todo material selectors with variables

* AAE-19176 changes made in meantime

* AAE-19176 conflict fixes
This commit is contained in:
Wojciech Duda
2024-03-12 14:16:17 +01:00
committed by VitoAlbano
parent e9a5a2366c
commit d1db2f4c35
57 changed files with 367 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.scss
View File

@@ -1,10 +1,12 @@
/* stylelint-disable selector-class-pattern */
@import 'styles/mat-selectors';
adf-search-chip-autocomplete-input {
.adf-chip-list {
width: 100%;
}
.mat-mdc-form-field-infix {
#{$mat-form-field-infix} {
border: none;
}

42
lib/content-services/src/lib/search/components/search-properties/search-properties.component.scss
View File

@@ -1,4 +1,6 @@
/* stylelint-disable selector-class-pattern */
@import 'styles/mat-selectors';
adf-search-properties {
.adf-search-properties-file-size-label {
display: block;
@@ -19,14 +21,14 @@ adf-search-properties {
.adf-search-properties-file-size-operator,
.adf-search-properties-file-size-unit {
.mat-mdc-form-field-infix {
#{$mat-form-field-infix} {
border: 1px solid var(--adf-theme-mat-grey-color-a400);
border-radius: 5px;
padding: 9px;
}
&.mat-focused {
.mat-mdc-form-field-infix {
&#{$mat-focused} {
#{$mat-form-field-infix} {
outline: 2px auto -webkit-focus-ring-color;
}
}
@@ -39,33 +41,31 @@ adf-search-properties {
adf-search-chip-autocomplete-input {
display: block;
.mdc-text-field--outlined {
.mdc-text-field--outlined {
&-start,
&-end {
border-top: 1px solid var(--adf-theme-mat-grey-color-a400);
border-bottom: 1px solid var(--adf-theme-mat-grey-color-a400);
}
#{$mat-text-field-outlined} {
&-start,
&-end {
border-top: 1px solid var(--adf-theme-mat-grey-color-a400);
border-bottom: 1px solid var(--adf-theme-mat-grey-color-a400);
}
&-start {
border-left: 1px solid var(--adf-theme-mat-grey-color-a400);
}
&-start {
border-left: 1px solid var(--adf-theme-mat-grey-color-a400);
}
&-end {
border-right: 1px solid var(--adf-theme-mat-grey-color-a400);
}
&-end {
border-right: 1px solid var(--adf-theme-mat-grey-color-a400);
}
}
.mat-focused {
.mdc-text-field--outlined {
#{$mat-focused} {
#{$mat-text-field-outlined} {
outline: 2px auto -webkit-focus-ring-color;
}
}
.mat-form-field-appearance-outline {
.mdc-text-field--outlined-thick {
.mdc-text-field--outlined {
#{$mat-form-field-appearance-outline} {
#{$mat-text-field-outlined-thick} {
#{$mat-text-field-outlined} {
&-start,
&-end {
border-width: 1px;

2
lib/content-services/src/lib/version-manager/version-list.component.scss
View File

@@ -1,4 +1,6 @@
/* stylelint-disable selector-class-pattern */
@import 'styles/mat-selectors';
.adf-version-list {
&-viewport {
height: 100%;