inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-31 17:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-6081] Reduce references to internal Angular material CSS classes (#3534)

Browse Source 
* [ACS-6081] Reduce references to internal Angular material CSS classes

* [ACS-6081] rollback default scrollable value [ci:force]

* [ACS-6081] linting

* [ACS-6081] fix e2es

* [ACS-6081] cr fix

* [ACS-6081] remove adf-cli logger from e2es
This commit is contained in:
Mykyta Maliarchuk
2023-11-24 14:59:57 +01:00
committed by GitHub
parent 7468111d19
commit 7c95b53c8b
82 changed files with 390 additions and 471 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
View File

@@ -10,10 +10,6 @@ $top-margin: 12px;
max-width: $search-width;
height: $search-height + $top-margin;
&.mat-menu-trigger {
margin: 0;
}
.app-search-button {
width: 32px;
height: 32px;
@@ -23,18 +19,16 @@ $top-margin: 12px;
}
.app-input-form-field {
.app-close-icon {
.app-suffix-search-icon-wrapper.app-close-button {
height: 6px;
&.app-suffix-search-icon-wrapper {
.mat-icon {
font-size: 18px;
line-height: 28px;
}
.app-close-icon {
font-size: 18px;
line-height: 28px;
}
}
.mat-input-element {
&-input {
caret-color: var(--theme-text-color);
&:disabled {
@@ -43,30 +37,19 @@ $top-margin: 12px;
}
}
.mat-focused label.mat-form-field-label {
display: none;
&:focus-within {
label {
display: none;
}
}
}
.app-search-options-menu {
&.mat-menu-panel {
background-color: var(--theme-dialog-background-color);
width: $search-width;
max-width: unset;
border-radius: $search-border-radius;
margin-top: $top-margin;
}
.mat-menu-content:not(:empty) {
padding-top: 0;
padding-bottom: 0;
}
}
mat-checkbox {
.mat-checkbox-frame {
border-color: var(--theme-text-color);
}
background-color: var(--theme-dialog-background-color);
width: $search-width;
max-width: unset;
border-radius: $search-border-radius;
margin-top: 3px;
}
.aca-search-input {
@@ -77,20 +60,25 @@ mat-checkbox {
height: $search-height;
margin-bottom: 0;
padding-bottom: 26px;
.app-search-container {
margin: 0;
}
}
.app-search-control {
margin-top: -$top-margin;
}
#search-options {
.app-search-options {
color: var(--theme-text-color);
border-top: 1px solid var(--theme-divider-color);
padding: 20px 0;
font-size: 16px;
letter-spacing: -0.7px;
margin-bottom: -8px;
mat-checkbox {
&-checkbox {
padding: 3px 24px 3px 19px;
.mat-checkbox-inner-container {
@@ -105,7 +93,7 @@ mat-checkbox {
}
}
.mat-checkbox-layout {
.app-search-options-checkbox label {
max-width: 155px;
}
}
@@ -128,9 +116,7 @@ mat-checkbox {
}
.app-search-options-menu {
&.mat-menu-panel {
width: $search-width-small;
}
width: $search-width-small;
}
#search-options {
@@ -144,7 +130,7 @@ mat-checkbox {
}
}
.mat-checkbox-layout {
label {
max-width: 105px;
}
}
@@ -162,13 +148,10 @@ mat-checkbox {
}
.app-search-options-menu {
&.mat-menu-panel {
width: $search-width-xsmall;
margin-top: 9px;
}
width: $search-width-xsmall;
}
#search-options .mat-checkbox-layout {
#search-options label {
max-width: 180px;
}
}