[affected:*][ci:force] Upgrading material selector class

This commit is contained in:
Vito Albano
2024-03-08 20:24:03 +00:00
committed by VitoAlbano
parent 6f6db99c7f
commit 74da9e12e3
36 changed files with 413 additions and 179 deletions

View File

@@ -1,4 +1,4 @@
<mat-card *ngIf="node" class="adf-content-metadata-card-view">
<mat-card appearance="outlined" *ngIf="node" class="adf-content-metadata-card-view">
<mat-card-content class="adf-content-metadata-card-view-content">
<adf-content-metadata
[displayDefaultProperties]="displayDefaultProperties"

View File

@@ -28,21 +28,21 @@ import { TranslateModule } from '@ngx-translate/core';
encapsulation: ViewEncapsulation.None,
styles: [
`
adf-content-metadata-header {
display: flex;
align-items: center;
width: 100%;
}
adf-content-metadata-header {
display: flex;
align-items: center;
width: 100%;
}
.adf-metadata-properties-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 700;
font-size: 15px;
padding-left: 12px;
}
`
.adf-metadata-properties-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 700;
font-size: 15px;
padding-left: 12px;
}
`
],
template: `
<ng-container>

View File

@@ -40,7 +40,7 @@
<mat-menu #menu="matMenu" id="user-profile-lists" [xPosition]="menuPositionX" [yPosition]="menuPositionY"
[overlapTrigger]="false" class="adf-userinfo-menu">
<mat-card *ngIf="mode === userInfoMode.CONTENT" class="adf-userinfo-card adf-content-userinfo-card">
<mat-card appearance="outlined" *ngIf="mode === userInfoMode.CONTENT" class="adf-userinfo-card adf-content-userinfo-card">
<mat-card-header class="adf-userinfo-card-header"
[style.background-image]="'url(' + ecmBackgroundImage + ')'">
<div *ngIf="ecmUser.avatarId; else initialTemplate"
@@ -53,7 +53,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">
@@ -73,7 +73,7 @@
</div>
</mat-card-content>
</mat-card>
<mat-card *ngIf="mode === userInfoMode.CONTENT_SSO" class="adf-userinfo-card adf-content-userinfo-card">
<mat-card appearance="outlined" *ngIf="mode === userInfoMode.CONTENT_SSO" class="adf-userinfo-card adf-content-userinfo-card">
<mat-card-header class="adf-userinfo-card-header"
[style.background-image]="'url(' + bpmBackgroundImage + ')'">
<div *ngIf="ecmUser.avatarId; else initialTemplate"
@@ -85,7 +85,7 @@
<div
[outerHTML]="identityUser | usernameInitials:'adf-userinfo-profile-initials adf-hide-small'"></div>
</ng-template>
<div class="mat-title" id="identity-username">{{identityUser | fullName}}</div>
<div class="mat-headline-6" id="identity-username">{{identityUser | fullName}}</div>
</mat-card-header>
<mat-card-content>
<div class="adf-userinfo-supporting-text">

View File

@@ -42,18 +42,18 @@ import { RoleModel } from '../../models/role.model';
host: { class: 'adf-user-role-column adf-datatable-content-cell adf-expand-cell-4' },
styles: [
`.adf-role-selector-field {
width: 100%;
}
.adf-role-selector-field .mat-mdc-form-field {
width: 100%;
max-width: 200px;
}
.adf-readonly-role {
padding-left: 0 !important;
}
`
width: 100%;
}
.adf-role-selector-field .mat-mdc-form-field {
width: 100%;
max-width: 200px;
}
.adf-readonly-role {
padding-left: 0 !important;
}
`
]
})
export class UserRoleColumnComponent {

View File

@@ -26,10 +26,10 @@ import { SearchWidgetContainerComponent } from '../../search-widget-container/se
templateUrl: './search-widget-chip.component.html',
styles: [
`
.adf-search-widget-extra-width {
max-width: 500px;
}
`
.adf-search-widget-extra-width {
max-width: 500px;
}
`
],
encapsulation: ViewEncapsulation.None
})

View File

@@ -3,7 +3,7 @@
[max]="max"
[step]="step"
class="adf-search-slider"
data-automation-id="slider-range" #ngSlider>
data-automation-id="slider-range" #ngSlider><input matSliderThumb />
<input
matSliderThumb
(change)="onChangedHandler({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value})"