mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
migration for material'
This commit is contained in:
@@ -8,7 +8,7 @@
|
||||
<div *ngIf="isGrid()" class="adf-app-listgrid">
|
||||
<div *ngFor="let app of appList"
|
||||
class="adf-app-listgrid-item">
|
||||
<mat-card tabindex="0"
|
||||
<mat-card appearance="outlined" tabindex="0"
|
||||
role="button"
|
||||
class="adf-app-listgrid-item-card"
|
||||
title="{{getAppName(app) | translate}}"
|
||||
|
@@ -48,7 +48,7 @@ $tile-themes: (
|
||||
flex-direction: column;
|
||||
height: 85vh;
|
||||
|
||||
.mat-spinner {
|
||||
.mat-mdc-progress-spinner {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
@@ -61,7 +61,7 @@ $tile-themes: (
|
||||
flex-flow: row wrap;
|
||||
display: flex;
|
||||
|
||||
.adf-app-listgrid-item {
|
||||
&-item {
|
||||
outline: none;
|
||||
padding: 8px;
|
||||
box-sizing: border-box;
|
||||
@@ -107,21 +107,21 @@ $tile-themes: (
|
||||
transform: scale(1.015);
|
||||
}
|
||||
|
||||
.adf-app-listgrid-item-card-logo {
|
||||
&-logo {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 20px;
|
||||
padding: 16px;
|
||||
z-index: 9;
|
||||
|
||||
.adf-app-listgrid-item-card-logo-icon {
|
||||
&-icon {
|
||||
font-size: 70px;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-app-listgrid-item-card-title {
|
||||
&-title {
|
||||
padding: 16px;
|
||||
margin-bottom: 0;
|
||||
z-index: 9999;
|
||||
@@ -138,7 +138,7 @@ $tile-themes: (
|
||||
}
|
||||
}
|
||||
|
||||
.adf-app-listgrid-item-card-subtitle {
|
||||
&-subtitle {
|
||||
color: white;
|
||||
z-index: 9999;
|
||||
padding: 16px;
|
||||
|
@@ -17,7 +17,7 @@
|
||||
|
||||
import { Component } from '@angular/core';
|
||||
import { TestBed, ComponentFixture } from '@angular/core/testing';
|
||||
import { MatLegacyDialog as MatDialog, MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
|
||||
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
|
||||
import { OverlayContainer } from '@angular/cdk/overlay';
|
||||
import { AppsProcessService } from '../../services/apps-process.service';
|
||||
import { deployedApps } from '../../testing/mock/apps-list.mock';
|
||||
|
@@ -4,7 +4,7 @@
|
||||
</div>
|
||||
|
||||
<div *ngIf="hasForm()" class="adf-form-container">
|
||||
<mat-card>
|
||||
<mat-card appearance="outlined">
|
||||
<mat-card-header>
|
||||
<mat-card-title>
|
||||
<h4>
|
||||
|
@@ -110,7 +110,7 @@
|
||||
form-field {
|
||||
width: 100%;
|
||||
|
||||
.mat-input-element {
|
||||
.mat-mdc-input-element {
|
||||
font-size: var(--theme-body-2-font-size);
|
||||
padding-top: 8px;
|
||||
line-height: normal;
|
||||
|
@@ -1,5 +1,5 @@
|
||||
.adf-attach-file-widget-dialog {
|
||||
.mat-dialog-actions {
|
||||
.mat-mdc-dialog-actions {
|
||||
background-color: var(--theme-background-color);
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
@@ -16,7 +16,7 @@
|
||||
*/
|
||||
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA, MatLegacyDialogRef as MatDialogRef } from '@angular/material/legacy-dialog';
|
||||
import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
|
||||
import { ContentModule, ContentNodeSelectorPanelComponent, DocumentListService, SitesService, NodesApiService } from '@alfresco/adf-content-services';
|
||||
import { EventEmitter, NO_ERRORS_SCHEMA } from '@angular/core';
|
||||
import { ProcessTestingModule } from '../../../testing/process.testing.module';
|
||||
|
@@ -16,7 +16,7 @@
|
||||
*/
|
||||
|
||||
import { TestBed } from '@angular/core/testing';
|
||||
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
|
||||
import { MatDialog } from '@angular/material/dialog';
|
||||
import { AttachFileWidgetDialogService } from './attach-file-widget-dialog.service';
|
||||
import { Subject, of } from 'rxjs';
|
||||
import { ProcessTestingModule } from '../../../testing/process.testing.module';
|
||||
|
@@ -15,7 +15,7 @@
|
||||
* limitations under the License.
|
||||
*/
|
||||
|
||||
import { MatLegacyDialog as MatDialog } from '@angular/material/legacy-dialog';
|
||||
import { MatDialog } from '@angular/material/dialog';
|
||||
import { EventEmitter, Injectable, Output } from '@angular/core';
|
||||
import { AlfrescoApiService, TranslationService } from '@alfresco/adf-core';
|
||||
import { Observable, of, Subject } from 'rxjs';
|
||||
|
@@ -38,12 +38,12 @@
|
||||
|
||||
&-attach-widget-repo-button {
|
||||
padding-left: 10px;
|
||||
|
||||
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
|
||||
.mat-button-wrapper {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.mat-mini-fab.mat-accent {
|
||||
.mat-mdc-mini-fab.mat-accent {
|
||||
background-color: inherit;
|
||||
}
|
||||
}
|
||||
@@ -69,12 +69,13 @@
|
||||
.mat-line {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* TODO(mdc-migration): The following rule targets internal classes of list that may no longer apply for the MDC version. */
|
||||
.mat-list-text {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
@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. */
|
||||
.mat-list-text {
|
||||
max-width: 150px;
|
||||
}
|
||||
|
@@ -1,4 +1,4 @@
|
||||
<mat-card class="adf-content-container" *ngIf="content">
|
||||
<mat-card appearance="outlined" class="adf-content-container" *ngIf="content">
|
||||
<mat-card-content *ngIf="showDocumentContent">
|
||||
<div *ngIf="content.isThumbnailSupported()" >
|
||||
<img id="thumbnailPreview" class="adf-img-upload-widget" [src]="content.thumbnailUrl" alt="{{content.name}}">
|
||||
|
@@ -6,7 +6,7 @@
|
||||
padding-top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
|
||||
.mat-select-value-text {
|
||||
font-size: var(--theme-body-1-font-size);
|
||||
}
|
||||
|
@@ -1,7 +1,7 @@
|
||||
.adf {
|
||||
&-people-widget {
|
||||
width: 100%;
|
||||
|
||||
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
|
||||
.mat-form-field-label-wrapper {
|
||||
top: 10px;
|
||||
}
|
||||
|
@@ -20,7 +20,7 @@ import { Observable, of } from 'rxjs';
|
||||
import { FormService, ContainerModel, FormFieldTypes, FormFieldOption, FormFieldModel, FormModel, CoreTestingModule } from '@alfresco/adf-core';
|
||||
import { RadioButtonsWidgetComponent } from './radio-buttons.widget';
|
||||
import { MatIconModule } from '@angular/material/icon';
|
||||
import { MatLegacyRadioModule as MatRadioModule } from '@angular/material/legacy-radio';
|
||||
import { MatRadioModule } from '@angular/material/radio';
|
||||
import { FormsModule } from '@angular/forms';
|
||||
import { TaskFormService } from '../../services/task-form.service';
|
||||
import { ProcessDefinitionService } from '../../services/process-definition.service';
|
||||
|
@@ -1,4 +1,4 @@
|
||||
<mat-card class="adf-assignment-top-container">
|
||||
<mat-card appearance="outlined" class="adf-assignment-top-container">
|
||||
<div mat-card-content class="adf-assignment-top-container-content">
|
||||
<div class="assignment-header">
|
||||
<div *ngIf="hasPeople()" class="adf-assignment-count" id="people-title">
|
||||
|
@@ -24,7 +24,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.adf-assignment-top-container.mat-card {
|
||||
.adf-assignment-top-container.mat-mdc-card {
|
||||
border-top: 1px solid var(--adf-theme-foreground-divider-color);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
@@ -18,7 +18,7 @@
|
||||
[disabled]="!isRunning()"
|
||||
(click)="onShowProcessDiagram()">{{ 'ADF_PROCESS_LIST.DETAILS.BUTTON.SHOW_DIAGRAM' | translate }}</button>
|
||||
|
||||
<mat-card>
|
||||
<mat-card appearance="outlined">
|
||||
<mat-card-content>
|
||||
<adf-process-instance-tasks
|
||||
#processInstanceTasks
|
||||
@@ -32,7 +32,7 @@
|
||||
<button mat-button type="button" (click)="cancelProcess()">{{ 'ADF_PROCESS_LIST.DETAILS.BUTTON.CANCEL' | translate }}</button>
|
||||
</div>
|
||||
|
||||
<mat-card>
|
||||
<mat-card appearance="outlined">
|
||||
<mat-card-content>
|
||||
<adf-process-instance-comments
|
||||
[readOnly]="false"
|
||||
|
@@ -1,4 +1,4 @@
|
||||
<mat-card *ngIf="processInstance" class="adf-card-container">
|
||||
<mat-card appearance="outlined" *ngIf="processInstance" class="adf-card-container">
|
||||
<mat-card-content>
|
||||
<adf-card-view [properties]="properties"></adf-card-view>
|
||||
</mat-card-content>
|
||||
|
@@ -6,10 +6,10 @@
|
||||
|
||||
<!-- ACTIVE FORM -->
|
||||
|
||||
<mat-chip-list>
|
||||
<mat-chip-listbox>
|
||||
<span class="adf-chip-label">{{ 'ADF_PROCESS_LIST.DETAILS.LABELS.TASKS_ACTIVE'|translate }}</span>
|
||||
<mat-chip class="adf-process-badge" color="accent" selected="true">{{activeTasks?.length}}</mat-chip>
|
||||
</mat-chip-list>
|
||||
<mat-chip-option class="adf-process-badge" color="accent" selected="true">{{activeTasks?.length}}</mat-chip-option>
|
||||
</mat-chip-listbox>
|
||||
|
||||
<div class="menu-container" *ngIf="activeTasks?.length > 0" data-automation-id="active-tasks">
|
||||
<mat-list>
|
||||
@@ -48,10 +48,10 @@
|
||||
</div>
|
||||
|
||||
<!-- COMPLETED FORM -->
|
||||
<mat-chip-list>
|
||||
<mat-chip-listbox>
|
||||
<span class="adf-chip-label">{{ 'ADF_PROCESS_LIST.DETAILS.LABELS.TASKS_COMPLETED'|translate }}</span>
|
||||
<mat-chip class="adf-process-badge" color="accent" selected="true">{{completedTasks?.length}}</mat-chip>
|
||||
</mat-chip-list>
|
||||
<mat-chip-option class="adf-process-badge" color="accent" selected="true">{{completedTasks?.length}}</mat-chip-option>
|
||||
</mat-chip-listbox>
|
||||
|
||||
<div class="menu-container" *ngIf="completedTasks?.length > 0" data-automation-id="completed-tasks">
|
||||
<mat-list>
|
||||
|
@@ -10,7 +10,7 @@
|
||||
mat-form-field {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
|
||||
.mat-form-field-label {
|
||||
color: var(--adf-theme-mat-grey-color-a200-dark);
|
||||
}
|
||||
@@ -18,6 +18,10 @@
|
||||
.mat-content-actions {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mat-mdc-button {
|
||||
text-transform: uppercase !important;
|
||||
}
|
||||
}
|
||||
|
||||
&-title {
|
||||
|
@@ -41,7 +41,7 @@
|
||||
class="adf-userinfo-tab" [class.adf-hide-tab]="!ecmUser">
|
||||
<mat-tab label="{{ 'USER_PROFILE.TAB.CS' | translate }}" role="dialog"
|
||||
*ngIf="mode===userInfoMode.ALL">
|
||||
<mat-card class="adf-userinfo-card" *ngIf="ecmUser">
|
||||
<mat-card appearance="outlined" class="adf-userinfo-card" *ngIf="ecmUser">
|
||||
<mat-card-header class="adf-userinfo-card-header"
|
||||
[style.background-image]="'url(' + ecmBackgroundImage + ')'">
|
||||
<div *ngIf="ecmUser.avatarId; else initialTemplate"
|
||||
@@ -54,7 +54,7 @@
|
||||
[outerHTML]="ecmUser | usernameInitials:'adf-userinfo-profile-initials adf-hide-small'"></div>
|
||||
</ng-template>
|
||||
|
||||
<div class="mat-title" id="ecm-username">{{ecmUser | fullName}}</div>
|
||||
<div class="mat-headline-6" id="ecm-username">{{ecmUser | fullName}}</div>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
<div class="adf-userinfo-supporting-text">
|
||||
@@ -75,7 +75,7 @@
|
||||
</mat-tab>
|
||||
<mat-tab id="bpm-panel" label="{{ 'USER_PROFILE.TAB.PS' | translate }}" role="dialog"
|
||||
*ngIf="mode===userInfoMode.PROCESS || mode===userInfoMode.ALL">
|
||||
<mat-card class="adf-userinfo-card">
|
||||
<mat-card appearance="outlined" class="adf-userinfo-card">
|
||||
<mat-card-header class="adf-userinfo-card-header"
|
||||
[style.background-image]="'url(' + bpmBackgroundImage + ')'">
|
||||
<img *ngIf="bpmUser.pictureId; else initialTemplate"
|
||||
@@ -85,7 +85,7 @@
|
||||
<div
|
||||
[outerHTML]="bpmUser | usernameInitials:'adf-userinfo-profile-initials adf-hide-small'"></div>
|
||||
</ng-template>
|
||||
<div class="mat-title" id="bpm-username">{{bpmUser | fullName}}</div>
|
||||
<div class="mat-headline-6" id="bpm-username">{{bpmUser | fullName}}</div>
|
||||
</mat-card-header>
|
||||
<mat-card-content>
|
||||
<div class="adf-userinfo-supporting-text">
|
||||
|
@@ -49,7 +49,7 @@
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
&-userinfo-menu_button.mat-button {
|
||||
&-userinfo-menu_button.mat-mdc-button {
|
||||
margin-right: 0;
|
||||
border-radius: 90%;
|
||||
padding: 0;
|
||||
@@ -57,12 +57,12 @@
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
&-userinfo-tab .mat-tab-header {
|
||||
&-userinfo-tab .mat-mdc-tab-header {
|
||||
align-self: center;
|
||||
width: 100%;
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
flex: auto;
|
||||
font-weight: 500;
|
||||
@@ -81,7 +81,7 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&-userinfo-card.mat-card {
|
||||
&-userinfo-card.mat-mdc-card {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@@ -160,7 +160,7 @@
|
||||
}
|
||||
|
||||
@media only screen and (min-device-width: 480px) {
|
||||
.mat-menu-panel.adf-userinfo-menu {
|
||||
.mat-mdc-menu-panel.adf-userinfo-menu {
|
||||
max-height: 450px;
|
||||
min-width: 450px;
|
||||
overflow: auto;
|
||||
@@ -168,6 +168,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
|
||||
.mat-mdc-menu-panel.adf-userinfo-menu .mat-mdc-menu-content {
|
||||
padding: 0;
|
||||
}
|
||||
|
@@ -1,5 +1,5 @@
|
||||
<div class="adf-attach-form">
|
||||
<mat-card>
|
||||
<mat-card appearance="outlined">
|
||||
<mat-card-content>
|
||||
<div class="adf-attache-form-message-container">
|
||||
<mat-card-title class="mat-card-title">
|
||||
|
@@ -1,5 +1,5 @@
|
||||
.adf-attach-form {
|
||||
.mat-form-field {
|
||||
.mat-mdc-form-field {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
@@ -1,8 +1,8 @@
|
||||
<div class="adf-checklist-control">
|
||||
<mat-chip-list data-automation-id="checklist-label">
|
||||
<mat-chip-listbox data-automation-id="checklist-label">
|
||||
<span class="adf-activiti-label">{{ 'ADF_TASK_LIST.DETAILS.LABELS.CHECKLIST' | translate }}</span>
|
||||
<mat-chip class="adf-process-badge" color="accent" selected="true">{{checklist?.length}}</mat-chip>
|
||||
</mat-chip-list>
|
||||
<mat-chip-option class="adf-process-badge" color="accent" selected="true">{{checklist?.length}}</mat-chip-option>
|
||||
</mat-chip-listbox>
|
||||
|
||||
|
||||
<button mat-icon-button *ngIf="!readOnly" matTooltip="Add a checklist" [matTooltipPosition]="'before'"
|
||||
@@ -12,14 +12,14 @@
|
||||
</div>
|
||||
|
||||
<div class="adf-checklist-menu-container" *ngIf="checklist?.length > 0">
|
||||
<mat-chip-list class="mat-chip-list-stacked">
|
||||
<mat-chip id="check-{{check.id}}" class="adf-checklist-chip" *ngFor="let check of checklist"
|
||||
<mat-chip-listbox class="mat-chip-list-stacked">
|
||||
<mat-chip-option id="check-{{check.id}}" class="adf-checklist-chip" *ngFor="let check of checklist"
|
||||
(removed)="delete(check.id)">
|
||||
<span>{{check.name}}</span>
|
||||
<mat-icon *ngIf="!readOnly && !check.endDate" id="remove-{{check.id}}" matChipRemove>cancel
|
||||
</mat-icon>
|
||||
</mat-chip>
|
||||
</mat-chip-list>
|
||||
</mat-chip-option>
|
||||
</mat-chip-listbox>
|
||||
|
||||
</div>
|
||||
<div *ngIf="checklist?.length === 0" id="checklist-none-message" class="adf-checklist-none-message">
|
||||
|
@@ -6,7 +6,7 @@
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.mat-form-field {
|
||||
.mat-mdc-form-field {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
@@ -1,4 +1,4 @@
|
||||
<mat-card class="adf-new-task-layout-card">
|
||||
<mat-card appearance="outlined" class="adf-new-task-layout-card">
|
||||
<mat-card-header class="adf-new-task-heading">
|
||||
<mat-card-title>{{'ADF_TASK_LIST.START_TASK.FORM.TITLE' | translate}}</mat-card-title>
|
||||
</mat-card-header>
|
||||
|
@@ -5,7 +5,7 @@
|
||||
padding-top: 12px;
|
||||
border-bottom: 1px solid var(--adf-theme-foreground-divider-color);
|
||||
|
||||
.mat-card-title {
|
||||
.mat-mdc-card-title {
|
||||
font-weight: bold;
|
||||
font-size: var(--theme-adf-task-title-font-size);
|
||||
}
|
||||
@@ -67,20 +67,20 @@
|
||||
}
|
||||
|
||||
adf-start-task {
|
||||
.mat-button.adf-uppercase {
|
||||
.mat-mdc-button.adf-uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
people-widget.adf-people-widget-content {
|
||||
width: 100%;
|
||||
|
||||
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
|
||||
.mat-form-field-label-wrapper {
|
||||
top: -14px;
|
||||
}
|
||||
}
|
||||
|
||||
.adf-people-widget-content {
|
||||
.mat-form-field {
|
||||
.mat-mdc-form-field {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -94,6 +94,7 @@ adf-start-task {
|
||||
}
|
||||
|
||||
.adf {
|
||||
/* 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 {
|
||||
padding-top: 8px;
|
||||
}
|
||||
@@ -133,7 +134,7 @@ adf-start-task {
|
||||
.adf-file {
|
||||
border-color: var(--theme-warn-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-prefix {
|
||||
color: var(--theme-warn-color);
|
||||
}
|
||||
|
@@ -74,7 +74,7 @@
|
||||
</adf-info-drawer-tab>
|
||||
|
||||
<adf-info-drawer-tab label="ADF_TASK_LIST.DETAILS.LABELS.INFO_DRAWER_TAB_ACTIVITY_TITLE">
|
||||
<mat-card *ngIf="showComments">
|
||||
<mat-card appearance="outlined" *ngIf="showComments">
|
||||
<mat-card-content>
|
||||
<adf-task-comments
|
||||
[readOnly]="isReadOnlyComment()"
|
||||
|
@@ -75,7 +75,7 @@ adf-task-details {
|
||||
flex-direction: column;
|
||||
padding: 20px 0;
|
||||
|
||||
.mat-slide-toggle {
|
||||
.mat-mdc-slide-toggle {
|
||||
margin-left: auto;
|
||||
|
||||
& + div {
|
||||
@@ -87,7 +87,7 @@ adf-task-details {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
|
||||
& .mat-tab-label {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
@@ -32,7 +32,7 @@
|
||||
(showAttachForm)="onShowAttachForm()">
|
||||
</adf-task-standalone>
|
||||
<ng-template #emptyFormMessage>
|
||||
<mat-card class="adf-task-form-container">
|
||||
<mat-card appearance="outlined" class="adf-task-form-container">
|
||||
<mat-card-header>
|
||||
<mat-card-title>
|
||||
<h4>
|
||||
|
@@ -8,11 +8,11 @@
|
||||
padding-right: 25px;
|
||||
padding-bottom: 25px;
|
||||
|
||||
& .mat-button {
|
||||
& .mat-mdc-button {
|
||||
height: 36px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */
|
||||
& .mat-button-wrapper {
|
||||
width: 58px;
|
||||
height: 20px;
|
||||
|
@@ -1,4 +1,4 @@
|
||||
<mat-card *ngIf="taskDetails" class="adf-card-container">
|
||||
<mat-card appearance="outlined" *ngIf="taskDetails" class="adf-card-container">
|
||||
<mat-card-content>
|
||||
<adf-card-view [properties]="properties" [editable]="!isCompleted()" [displayClearAction]="displayDateClearAction"></adf-card-view>
|
||||
</mat-card-content>
|
||||
|
@@ -1,4 +1,4 @@
|
||||
<mat-card class="adf-message-card">
|
||||
<mat-card appearance="outlined" class="adf-message-card">
|
||||
<mat-card-content>
|
||||
<div class="adf-no-form-message-container">
|
||||
<div class="adf-no-form-message-list">
|
||||
|
Reference in New Issue
Block a user