javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(range): use fully opaque base in color active bar (#16224)

Browse Source 
This fixes a specificity issue where Material Design ranges with a color attribute wouldn't apply a fully opaque color to the active portion of the range bar.
This commit is contained in:
Cam Wiegert
2018-11-04 17:44:31 -06:00
committed by GitHub
parent 3c9ed3166d
commit 07571265a3
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/range/range.md.scss
View File

@@ -21,6 +21,10 @@
font-size: $range-md-pin-font-size;
}
:host(.ion-color) .range-bar {
background: current-color(base, 0.26);
}
:host(.ion-color) .range-bar-active,
:host(.ion-color) .range-knob,
:host(.ion-color) .range-pin,
@@ -30,10 +34,6 @@
color: current-color(contrast);
}
:host(.ion-color) .range-bar {
background: current-color(base, 0.26);
}
// TODO: REVIEW
// .range-md [slot="range-start"] {
// @include margin(0, 12px, 0, 0);