| _sidenav-theme.scss (material2-7.3.2) | : | _sidenav-theme.scss (material2-7.3.3) |
|---|
| | |
| skipping to change at line 12 | | skipping to change at line 12 |
|---|
| @import '../core/theming/palette'; | | @import '../core/theming/palette'; |
| @import '../core/theming/theming'; | | @import '../core/theming/theming'; |
| | |
| @mixin mat-sidenav-theme($theme) { | | @mixin mat-sidenav-theme($theme) { |
| $primary: map-get($theme, primary); | | $primary: map-get($theme, primary); |
| $accent: map-get($theme, accent); | | $accent: map-get($theme, accent); |
| $warn: map-get($theme, warn); | | $warn: map-get($theme, warn); |
| $background: map-get($theme, background); | | $background: map-get($theme, background); |
| $foreground: map-get($theme, foreground); | | $foreground: map-get($theme, foreground); |
| | |
|
| // We use invert() here to have the darken the background color expected to be | | |
| used. If the | | |
| // background is light, we use a dark backdrop. If the background is dark, | | |
| // we use a light backdrop. | | |
| $drawer-backdrop-color: invert(mat-color($background, card, 0.6)); | | |
| $drawer-background-color: mat-color($background, dialog); | | $drawer-background-color: mat-color($background, dialog); |
| $drawer-container-background-color: mat-color($background, background); | | $drawer-container-background-color: mat-color($background, background); |
| $drawer-push-background-color: mat-color($background, dialog); | | $drawer-push-background-color: mat-color($background, dialog); |
| $drawer-side-border: solid 1px mat-color($foreground, divider); | | $drawer-side-border: solid 1px mat-color($foreground, divider); |
| | |
| .mat-drawer-container { | | .mat-drawer-container { |
| background-color: $drawer-container-background-color; | | background-color: $drawer-container-background-color; |
| color: mat-color($foreground, text); | | color: mat-color($foreground, text); |
| } | | } |
| | |
| | |
| skipping to change at line 61 | | skipping to change at line 57 |
|---|
| border-left: $drawer-side-border; | | border-left: $drawer-side-border; |
| border-right: none; | | border-right: none; |
| | |
| &.mat-drawer-end { | | &.mat-drawer-end { |
| border-left: none; | | border-left: none; |
| border-right: $drawer-side-border; | | border-right: $drawer-side-border; |
| } | | } |
| } | | } |
| | |
| .mat-drawer-backdrop.mat-drawer-shown { | | .mat-drawer-backdrop.mat-drawer-shown { |
|
| background-color: $drawer-backdrop-color; | | $opacity: 0.6; |
| | $backdrop-color: mat-color($background, card, $opacity); |
| | |
| | @if (type-of($backdrop-color) == color) { |
| | // We use invert() here to have the darken the background color expected t |
| | o be used. If the |
| | // background is light, we use a dark backdrop. If the background is dark, |
| | // we use a light backdrop. |
| | background-color: invert($backdrop-color); |
| | } |
| | @else { |
| | // If we couldn't resolve the backdrop color to a color value, fall back t |
| | o using |
| | // `opacity` to make it opaque since its end value could be a solid color. |
| | background-color: $backdrop-color; |
| | opacity: $opacity; |
| | } |
| } | | } |
| } | | } |
| | |
| @mixin mat-sidenav-typography($config) { } | | @mixin mat-sidenav-typography($config) { } |
| | | |
| End of changes. 2 change blocks. |
|---|
| 6 lines changed or deleted | | 17 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 