mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
AAE-40649 Material Design 3 migration (#11286)
* AAE-38957 Cleanup code from color assignments on Material elements (#11266) * AAE-38646 cleanup core lib from custom variables (#11259) * AAE-38646 General cleanup of custom variables from core lib * AAE-38646 Cleanup some of the remaining variables * AAE-38646 Last color-mix removal * AAE-38646 Reduce amount of customizations * AAE-38646 apply overrides, reduce customization * AAE-38646 modify remaining styles * AAE-38646 Fix override assignemnts * AAE-38646 Address comments, cleanup unused * AAE-38978 Cleanup process-services-cloud lib from custom css variables (#11295) * AAE-38978 Cleanup custom variables inside process-services-cloud lib * AAE-38978 Adjust rich text widget styling * AAE-38978 Comment fixes * AAE-38980 Cleanup insights lib from custom css variables (#11314) * AAE-38980 Cleanup insights lib from custom css variables * AAE-38980 Removed unnecessarily specific selector * AAE-38979 Cleanup content-services lib from custom css variables (#11313) * AAE-38979 Remove/replace variable and hardcoded customizations * AAE-38979 Cleanup unused @use and @import statements * AAE-39159 Cleanup process-services lib from custom css variables (#11316) * AAE-39159 Cleanup process-services lib from custom css variables * AAE-39159 Fix import and build * Fix build * Remove leftover button customization * fix missing brace * AAE-39748 Pagination font size match md3 * fix incorrect html templates after rebase * swap leftover variables * fix units * copilot comments * visual regression result fixes * CSX-204 Update card view components (#11358) * CSX-535 Update background color on readonly for card view selectitem (#11799) * remove invalid color test * add stylelint rule --------- Co-authored-by: Ehsan Rezaei <ehsan.rezaei@hyland.com> Co-authored-by: Ricardo Dias <ricardo.dias@hyland.com>
This commit is contained in:
co-authored by
Ehsan Rezaei
Ricardo Dias
parent
423c646bac
commit
64826c3a99
+1
-2
@@ -104,8 +104,7 @@
|
||||
<div *ngIf="!report.hasDatasets()">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>
|
||||
<div *ngIf="report.hasDatasets()">
|
||||
<mat-checkbox
|
||||
color="primary"
|
||||
[id]="'stacked-id'"
|
||||
[id]="'stacked-id'"
|
||||
[checked]="report.options.scales.xAxes[0].stacked"
|
||||
[(ngModel)]="report.options.scales.xAxes[0].stacked"
|
||||
(change)="refresh(report)"
|
||||
|
||||
+5
-15
@@ -3,12 +3,12 @@
|
||||
cursor: pointer;
|
||||
|
||||
.adf-active {
|
||||
color: var(--theme-primary-color);
|
||||
color: var(--mat-sys-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.adf-activiti-filters__entry-icon {
|
||||
color: var(--theme-primary-color);
|
||||
color: var(--mat-sys-primary);
|
||||
position: relative;
|
||||
top: 5px;
|
||||
}
|
||||
@@ -32,7 +32,6 @@
|
||||
position: relative;
|
||||
min-height: 200px;
|
||||
overflow: hidden;
|
||||
background-color: var(--theme-background-color);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
cursor: pointer;
|
||||
@@ -44,8 +43,7 @@
|
||||
z-index: 6;
|
||||
|
||||
&-icon {
|
||||
font-size: 70px;
|
||||
color: var(--theme-accent-color);
|
||||
font-size: var(--mat-sys-headline-large-size);
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
display: inline-block;
|
||||
@@ -57,7 +55,7 @@
|
||||
z-index: 7;
|
||||
|
||||
.adf-application-title {
|
||||
font-size: var(--theme-headline-font-size);
|
||||
font-size: var(--mat-sys-headline-small-size);
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
@@ -68,18 +66,10 @@
|
||||
}
|
||||
|
||||
&-actions {
|
||||
border-top: 1px solid var(--adf-theme-foreground-divider-color);
|
||||
border-top: 1px solid var(--mat-sys-outline);
|
||||
padding: 8px;
|
||||
box-sizing: border-box;
|
||||
height: 40px;
|
||||
|
||||
&-icon {
|
||||
color: var(--adf-theme-foreground-text-color-054);
|
||||
|
||||
&:hover {
|
||||
color: var(--adf-theme-foreground-text-color-087);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
+2
-3
@@ -130,11 +130,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="adf-report-dialog-actions" mat-dialog-actions>
|
||||
<button mat-button color="accent" type="button" id="close-dialog-button" (click)="closeDialog()">Close</button>
|
||||
<button mat-button type="button" id="close-dialog-button" (click)="closeDialog()">Close</button>
|
||||
<button
|
||||
mat-button
|
||||
color="primary"
|
||||
type="button"
|
||||
type="button"
|
||||
id="action-dialog-button"
|
||||
(click)="performAction(action, reportParamQuery)"
|
||||
>
|
||||
|
||||
+7
-7
@@ -7,15 +7,15 @@
|
||||
}
|
||||
|
||||
.adf-dropdown-widget__invalid .adf-dropdown-widget__select {
|
||||
border-color: var(--theme-warn-color);
|
||||
border-color: var(--mat-sys-error);
|
||||
}
|
||||
|
||||
.adf-dropdown-widget__invalid .adf-dropdown-widget__label {
|
||||
color: var(--theme-warn-color);
|
||||
color: var(--mat-sys-error);
|
||||
}
|
||||
|
||||
.adf-dropdown-widget__invalid .adf-dropdown-widget__label::after {
|
||||
background-color: var(--theme-warn-color);
|
||||
background-color: var(--mat-sys-error);
|
||||
}
|
||||
|
||||
.adf-full-width-input {
|
||||
@@ -23,7 +23,7 @@
|
||||
|
||||
.adf-edit-report-title[type='text'] {
|
||||
float: left;
|
||||
font-size: var(--theme-title-font-size);
|
||||
font-size: var(--mat-sys-title-medium-size);
|
||||
padding-top: 19px;
|
||||
}
|
||||
}
|
||||
@@ -40,7 +40,7 @@
|
||||
margin-bottom: 12px;
|
||||
|
||||
:hover .adf-report-icon {
|
||||
color: var(--theme-primary-color);
|
||||
color: var(--mat-sys-primary);
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
@@ -56,7 +56,7 @@
|
||||
}
|
||||
|
||||
.adf-report-report-container {
|
||||
border-bottom: solid 1px var(--adf-theme-foreground-divider-color);
|
||||
border-bottom: solid 1px var(--mat-sys-outline);
|
||||
padding-top: 10px;
|
||||
|
||||
.adf-toolbar-container.adf-toolbar-container-row {
|
||||
@@ -74,7 +74,7 @@
|
||||
}
|
||||
|
||||
.adf-export-message {
|
||||
background-color: var(--theme-background-color);
|
||||
background-color: var(--mat-sys-surface);
|
||||
}
|
||||
|
||||
.adf-save-export-input {
|
||||
|
||||
+2
-8
@@ -1,5 +1,3 @@
|
||||
@use '../../mat-selectors' as ms;
|
||||
|
||||
.adf-buttons-menu {
|
||||
margin-right: 10px;
|
||||
|
||||
@@ -15,17 +13,13 @@
|
||||
display: flex;
|
||||
|
||||
button {
|
||||
color: black;
|
||||
padding: 0;
|
||||
color: var(--mat-sys-on-surface);
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
button > span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
button > #{ms.$material-icons} {
|
||||
color: black;
|
||||
margin: 0 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
-1
@@ -1,6 +1,5 @@
|
||||
<div [formGroup]="formGroup">
|
||||
<mat-checkbox
|
||||
color="primary"
|
||||
formControlName="{{controllerName}}"
|
||||
[id]="field.id"
|
||||
[checked]="field.value"
|
||||
|
||||
+1
-1
@@ -1,3 +1,3 @@
|
||||
.adf-date-range-analytics-text-danger {
|
||||
color: var(--theme-warn-color);
|
||||
color: var(--mat-sys-error);
|
||||
}
|
||||
|
||||
+3
-3
@@ -7,13 +7,13 @@
|
||||
}
|
||||
|
||||
.adf-dropdown-widget__invalid .adf-dropdown-widget__select {
|
||||
border-color: var(--theme-warn-color);
|
||||
border-color: var(--mat-sys-error);
|
||||
}
|
||||
|
||||
.adf-dropdown-widget__invalid .adf-dropdown-widget__label {
|
||||
color: var(--theme-warn-color);
|
||||
color: var(--mat-sys-error);
|
||||
}
|
||||
|
||||
.adf-dropdown-widget__invalid .adf-dropdown-widget__label::after {
|
||||
background-color: var(--theme-warn-color);
|
||||
background-color: var(--mat-sys-error);
|
||||
}
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
<div #tooltipContent class="adf-diagram-tooltip">
|
||||
<div class="adf-diagram-tooltip-header">{{ data.type }} {{ data.name || data.id }}</div>
|
||||
<b class="adf-diagram-tooltip-header">{{ data.type }} {{ data.name || data.id }}</b>
|
||||
<div class="adf-diagram-tooltip-body">
|
||||
<div *ngIf="data.value" class="adf-diagram-heat-value">
|
||||
<span class="adf-diagram-value">{{ data.value }}</span>
|
||||
<span class="adf-diagram-valuetype"> {{ data.dataType }}</span>
|
||||
</div>
|
||||
<div *ngIf="data.name" class="adf-diagram-name-property">
|
||||
<span class="adf-diagram-propertyName">Name:</span>
|
||||
<b class="adf-diagram-propertyName">Name:</b>
|
||||
<span class="adf-diagram-propertyValue">{{ data.name }}</span>
|
||||
</div>
|
||||
<div *ngFor="let property of data.properties" class="adf-diagram-general-property">
|
||||
|
||||
@@ -4,16 +4,14 @@
|
||||
transform-origin: top center;
|
||||
z-index: 999;
|
||||
display: inline-block;
|
||||
font-weight: 500;
|
||||
line-height: 14px;
|
||||
font-size: var(--theme-body-1-font-size);
|
||||
font-size: var(--mat-sys-body-medium-size);
|
||||
max-width: 300px;
|
||||
position: fixed;
|
||||
top: -500px;
|
||||
left: -500px;
|
||||
text-align: left;
|
||||
will-change: unset;
|
||||
border: 1px solid #c5c5c5;
|
||||
border: 1px solid var(--mat-sys-outline);
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
@@ -22,17 +20,17 @@
|
||||
}
|
||||
|
||||
&-diagram-tooltip-header {
|
||||
background-color: rgba(43, 65, 79, 0.95);
|
||||
color: #fff;
|
||||
background-color: var(--mat-sys-surface-container-high);
|
||||
color: var(--mat-sys-on-surface);
|
||||
padding: 8px;
|
||||
font-weight: bold;
|
||||
font: var(--mat-sys-title-medium);
|
||||
min-width: 200px;
|
||||
line-height: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&-diagram-tooltip-body {
|
||||
color: #4a4a4a;
|
||||
background-color: rgba(255, 255, 255, 0.95);
|
||||
color: var(--mat-sys-on-surface);
|
||||
background-color: var(--mat-sys-surface);
|
||||
}
|
||||
|
||||
&-diagram-tooltip-body > div {
|
||||
@@ -48,7 +46,6 @@
|
||||
}
|
||||
|
||||
&-diagram-propertyName {
|
||||
font-weight: bold;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user