From 2a74be1c30793a2ce671a1fb2c56d67fe9b86285 Mon Sep 17 00:00:00 2001 From: crisbeto Date: Sun, 14 Jun 2020 09:15:00 +0200 Subject: [PATCH] build: fix mdc slider demo In #19411 the MDC slider theme was dropped from the all themes mixin since the current slider implementation will be replaced eventually which also broke the MDC slider demo. These changes add back the slider theme only to the dev app so that we can still test it since this is still code that we're releasing to npm. --- src/dev-app/theme.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/dev-app/theme.scss b/src/dev-app/theme.scss index 644f6c3f7be6..4e99708a859b 100644 --- a/src/dev-app/theme.scss +++ b/src/dev-app/theme.scss @@ -9,6 +9,7 @@ @import '../material-experimental/mdc-theming/all-theme'; @import '../material-experimental/mdc-typography/all-typography'; @import '../material-experimental/mdc-density/all-density'; +@import '../material-experimental/mdc-slider/slider-theme'; @import '../material-experimental/popover-edit/popover-edit'; // Plus imports for other components in your app. @@ -42,6 +43,9 @@ $candy-app-theme: mat-light-theme(( @include mat-column-resize-theme($candy-app-theme); @include mat-popover-edit-theme($candy-app-theme); +// We add this in manually for now, because it isn't included in `angular-material-mdc-theme`. +@include mat-mdc-slider-theme($candy-app-theme); + // Define an alternate dark theme. $dark-primary: mat-palette($mat-blue-grey); $dark-accent: mat-palette($mat-amber, A200, A100, A400); @@ -69,6 +73,7 @@ $dark-theme: mat-dark-theme(( @include angular-material-mdc-color($dark-theme); @include mat-column-resize-color($dark-theme); @include mat-popover-edit-color($dark-theme); + @include mat-mdc-slider-color($dark-theme); } // Include the dark theme for focus indicators.