inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixing styles not migrated by material

Browse Source
This commit is contained in:
Vito Albano 2023-12-04 16:39:38 +00:00 committed by VitoAlbano
parent 6ad835a9cb
commit adde65c6ce
18 changed files with 44 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.scss
View File

@ -48,7 +48,6 @@ h2.adf-search-results-label {
} }
.adf-site-dropdown-container { .adf-site-dropdown-container {
.adf-sites-dropdown-form-field {
display: block; display: block;
margin-bottom: 15px; margin-bottom: 15px;
} }

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

@ -1,11 +1,10 @@
adf-search-chip-autocomplete-input { adf-search-chip-autocomplete-input {
.adf-chip-list { .adf-chip-list {
width: 100%; width: 100%;
}
/* stylelint-disable-next-line */ .mat-mdc-form-field-infix {
.mat-form-field-infix { border: none;
border: none;
}
} }
.adf-autocomplete-added-option-chips.adf-option-chips { .adf-autocomplete-added-option-chips.adf-option-chips {

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

@ -19,26 +19,19 @@ adf-search-properties {
.adf-search-properties-file-size-operator, .adf-search-properties-file-size-operator,
.adf-search-properties-file-size-unit { .adf-search-properties-file-size-unit {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-mdc-form-field-infix {
.mat-form-field-infix {
border: 1px solid var(--adf-theme-mat-grey-color-a400); border: 1px solid var(--adf-theme-mat-grey-color-a400);
border-radius: 5px; border-radius: 5px;
padding: 9px; padding: 9px;
} }
&.mat-focused { &.mat-focused {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mat-mdc-form-field-infix {
.mat-form-field-infix {
outline: 2px auto -webkit-focus-ring-color; outline: 2px auto -webkit-focus-ring-color;
} }
} }
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-underline {
display: none;
}
.adf-search-properties-file-size-unit { .adf-search-properties-file-size-unit {
width: 78px; width: 78px;
} }
@ -46,12 +39,8 @@ adf-search-properties {
adf-search-chip-autocomplete-input { adf-search-chip-autocomplete-input {
display: block; display: block;
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mdc-text-field--outlined {
.mdc-text-field--outlined {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-outline {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-outline {
&-start, &-start,
&-end { &-end {
border-top: 1px solid var(--adf-theme-mat-grey-color-a400); border-top: 1px solid var(--adf-theme-mat-grey-color-a400);
@ -69,19 +58,14 @@ adf-search-properties {
} }
.mat-focused { .mat-focused {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mdc-text-field--outlined {
.mat-form-field-outline {
outline: 2px auto -webkit-focus-ring-color; outline: 2px auto -webkit-focus-ring-color;
} }
} }
.mat-form-field-appearance-outline { .mat-form-field-appearance-outline {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ .mdc-text-field--outlined-thick {
.mdc-text-field--outlined {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-outline-thick {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-outline {
&-start, &-start,
&-end { &-end {
border-width: 1px; border-width: 1px;

3
lib/core/src/lib/card-view/components/card-view/card-view.component.scss
View File

@ -45,8 +45,7 @@
} }
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-infix { .mat-mdc-form-field-infix {
display: flex;
border-top-width: 0; border-top-width: 0;
padding: 0; padding: 0;
} }

18
lib/core/src/lib/form/components/form-renderer.component.scss
View File

@ -129,19 +129,19 @@
padding: 16px 24px; padding: 16px 24px;
overflow: hidden; overflow: hidden;
} }
/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version. */ & .mat-mdc-card-header-text {
& .mat-card-header-text { margin: 0 !important;
margin: 0;
} }
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
& .mat-tab-body-content { & .mat-tab-body-content {
overflow: hidden; overflow: hidden;
} }
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ & .mdc-tab__text-label {
& .mat-tab-label {
font-size: var(--theme-subheading-2-font-size); font-size: var(--theme-subheading-2-font-size);
line-height: var(--theme-headline-line-height); line-height: var(--theme-headline-line-height);
letter-spacing: -0.4px; letter-spacing: -0.4px;
@ -153,9 +153,9 @@
& .mat-ink-bar { & .mat-ink-bar {
height: 4px; height: 4px;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ & .mat-mdc-text-field-wrapper {
& .mat-form-field-wrapper {
margin: 0 12px 0 0; margin: 0 12px 0 0;
} }
} }
@ -226,7 +226,7 @@
} }
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
& .mat-button-wrapper { & .mdc-button__label {
width: 58px; width: 58px;
height: 20px; height: 20px;
opacity: 0.54; opacity: 0.54;

2
lib/core/src/lib/form/components/inplace-form-input/inplace-form-input.component.scss
View File

@ -9,7 +9,7 @@ $adf-inplace-input-padding: 7px;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-infix { .mat-mdc-form-field-infix {
display: flex; display: flex;
border-top: 0; border-top: 0;
} }

6
lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss
View File

@ -3,7 +3,7 @@
&-date-time-widget { &-date-time-widget {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-suffix { .mat-mdc-form-field-text-suffix {
top: 26px; top: 26px;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
@ -16,12 +16,12 @@
&-left-label-input-datepicker { &-left-label-input-datepicker {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-suffix { .mat-mdc-form-field-text-suffix {
top: 0; top: 0;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-infix { .mat-mdc-form-field-infix {
width: 100%; width: 100%;
} }
} }

2
lib/core/src/lib/form/components/widgets/form.theme.scss
View File

@ -36,7 +36,7 @@ ul > li > form-field > .adf-focus {
&-invalid { &-invalid {
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.mat-checkbox-layout { .mat-mdc-checkbox {
padding-bottom: 12px; padding-bottom: 12px;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */

9
lib/core/src/lib/info-drawer/info-drawer-layout.component.scss
View File

@ -16,10 +16,9 @@ $adf-info-drawer-icon-size-half: 24px !default;
width: 100%; width: 100%;
background-color: var(--theme-card-background-color); background-color: var(--theme-card-background-color);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.27);
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ & .mdc-tab__text-label {
& .mat-tab-label { font-weight: bold;
height: 32px;
text-align: left; text-align: left;
opacity: 1; opacity: 1;
} }
@ -68,7 +67,7 @@ $adf-info-drawer-icon-size-half: 24px !default;
> *:last-child { > *:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.adf-info-drawer-tabs .mat-tab-body-content { .adf-info-drawer-tabs .mat-tab-body-content {
.adf-manage-versions-empty, .adf-manage-versions-empty,

4
lib/core/src/lib/info-drawer/info-drawer.component.scss
View File

@ -6,7 +6,7 @@
} }
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-tab-label { .mdc-tab__text-label {
min-width: 0; min-width: 0;
} }
@ -43,7 +43,7 @@
} }
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
.mat-tab-label { .mdc-tab__text-label {
flex-grow: 1; flex-grow: 1;
.mat-icon + span { .mat-icon + span {

2
lib/core/src/lib/search-text/search-text-input.component.scss
View File

@ -28,7 +28,7 @@
background-color: var(--adf-theme-primary-50); background-color: var(--adf-theme-primary-50);
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-form-field-ripple { .mdc-line-ripple {
background-color: var(--adf-theme-primary-50); background-color: var(--adf-theme-primary-50);
} }
} }

9
lib/process-services-cloud/src/lib/form/components/widgets/date/date-cloud.widget.scss
View File

@ -1,8 +1,7 @@
.adf { .adf {
&-date-widget { &-date-widget {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* stylelint-disable-next-line */ .mat-mdc-form-field-text-suffix {
.mat-form-field-suffix {
top: 26px; top: 26px;
} }
@ -13,14 +12,12 @@
&-left-label-input-datepicker { &-left-label-input-datepicker {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* stylelint-disable-next-line */ .mat-mdc-form-field-text-suffix {
.mat-form-field-suffix {
top: 0; top: 0;
} }
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
/* stylelint-disable-next-line */ .mat-mdc-form-field-infix {
.mat-form-field-infix {
width: 100%; width: 100%;
} }
} }

6
lib/process-services/src/lib/form/widgets/content-widget/attach-file-widget.component.scss
View File

@ -39,7 +39,7 @@
&-attach-widget-repo-button { &-attach-widget-repo-button {
padding-left: 10px; padding-left: 10px;
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
.mat-button-wrapper { .mdc-button__label {
display: inline; display: inline;
} }
@ -70,13 +70,13 @@
margin-bottom: 0; margin-bottom: 0;
} }
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
.mat-list-text { .mdc-list-item__primary-text {
max-width: 200px; max-width: 200px;
} }
@include layout-bp(lt-md) { @include layout-bp(lt-md) {
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
.mat-list-text { .mdc-list-item__primary-text {
max-width: 150px; max-width: 150px;
} }
} }

2
lib/process-services/src/lib/process-user-info/process-user-info.component.scss
View File

@ -63,7 +63,7 @@
min-width: 250px; min-width: 250px;
} }
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
&-userinfo-tab .mat-tab-label { &-userinfo-tab .mdc-tab__text-label {
flex: auto; flex: auto;
font-weight: 500; font-weight: 500;
font-size: var(--theme-body-1-font-size); font-size: var(--theme-body-1-font-size);

2
lib/process-services/src/lib/task-list/components/start-task/start-task.component.scss
View File

@ -95,7 +95,7 @@ adf-start-task {
.adf { .adf {
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
&-start-task-input-container .mat-form-field-wrapper { &-start-task-input-container .mat-mdc-text-field-wrapper {
padding-top: 8px; padding-top: 8px;
} }

2
lib/process-services/src/lib/task-list/components/task-details/task-details.component.scss
View File

@ -88,7 +88,7 @@ adf-task-details {
} }
} }
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
& .mat-tab-label { & .mdc-tab__text-label {
flex-grow: 1; flex-grow: 1;
} }
} }

2
lib/process-services/src/lib/task-list/components/task-form/task-form.component.scss
View File

@ -13,7 +13,7 @@
border-radius: 5px; border-radius: 5px;
} }
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
& .mat-button-wrapper { & .mdc-button__label {
width: 58px; width: 58px;
height: 20px; height: 20px;
opacity: 0.54; opacity: 0.54;

4
lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.scss
View File

@ -41,12 +41,12 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
& .mat-button { & .mat-mdc-button {
text-transform: uppercase; text-transform: uppercase;
border-radius: 5px; border-radius: 5px;
} }
& .mat-button-wrapper { & .mdc-button__label {
opacity: 0.54; opacity: 0.54;
font-size: var(--theme-button-font-size); font-size: var(--theme-button-font-size);
font-weight: bold; font-weight: bold;