[ACS-11879] Used container elevation shadow instead of box shadow none (#5264)

This commit is contained in:
AleksanderSklorz
2026-07-02 11:10:49 +02:00
committed by GitHub
parent 6a0fd7347e
commit 34c7181c69
2 changed files with 41 additions and 27 deletions
@@ -1,3 +1,4 @@
@use '@angular/material' as mat;
@use '../mat-selectors' as ms; @use '../mat-selectors' as ms;
@mixin adf-about-theme() { @mixin adf-about-theme() {
@@ -19,12 +20,17 @@
&.adf-about-panel { &.adf-about-panel {
#{ms.$mat-expansion-panel} { #{ms.$mat-expansion-panel} {
box-shadow: none;
border-radius: 12px; border-radius: 12px;
margin: 24px; margin: 24px;
width: 95%; width: 95%;
border: 1px solid var(--theme-about-panel-border-color); border: 1px solid var(--theme-about-panel-border-color);
} }
@include mat.expansion-overrides(
(
container-elevation-shadow: none
)
);
} }
} }
@@ -77,34 +77,42 @@
) )
); );
mat-expansion-panel.adf-content-metadata-panel { .adf-content-metadata-panel {
border: 1px solid var(--adf-theme-foreground-divider-color); &:is(#{ms.$mat-expansion-panel}) {
/* stylelint-disable-next-line declaration-no-important */ border: 1px solid var(--adf-theme-foreground-divider-color);
border-radius: 4px !important; /* stylelint-disable-next-line declaration-no-important */
box-shadow: none; border-radius: 4px !important;
.adf-metadata-properties-header { .adf-metadata-properties-header {
padding: 0 12px; padding: 0 12px;
/* stylelint-disable selector-class-pattern */ /* stylelint-disable selector-class-pattern */
&.mat-expanded { &.mat-expanded {
border-bottom: 1px solid var(--adf-theme-foreground-divider-color); border-bottom: 1px solid var(--adf-theme-foreground-divider-color);
}
/* stylelint-enable selector-class-pattern */
}
.adf-metadata-no-item-added {
margin-top: 16px;
font-size: 15px;
}
.adf-edit-icon-buttons {
@include mat.icon-overrides(
(
color: var(--adf-theme-foreground-text-color-064)
)
);
} }
/* stylelint-enable selector-class-pattern */
} }
.adf-metadata-no-item-added { @include mat.expansion-overrides(
margin-top: 16px; (
font-size: 15px; container-elevation-shadow: none
} )
);
.adf-edit-icon-buttons {
@include mat.icon-overrides(
(
color: var(--adf-theme-foreground-text-color-064)
)
);
}
} }
} }
@@ -308,13 +316,13 @@
container-shape: 0, container-shape: 0,
header-text-tracking: normal, header-text-tracking: normal,
header-description-color: var(--adf-theme-foreground-icon-color), header-description-color: var(--adf-theme-foreground-icon-color),
header-indicator-color: var(--adf-theme-foreground-text-color-054) header-indicator-color: var(--adf-theme-foreground-text-color-054),
container-elevation-shadow: none
) )
); );
mat-expansion-panel { #{ms.$mat-expansion-panel} {
background-color: transparent; background-color: transparent;
box-shadow: none;
.adf-aspect-property-table { .adf-aspect-property-table {
@include mat.table-overrides( @include mat.table-overrides(