javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(datetime): text color on ios mode now accounts for color contrast (#23729)

Browse Source 
resolves #23723
This commit is contained in:
Liam DeBeasi
2021-08-04 12:26:55 -04:00
committed by GitHub
parent 36eeb26db7
commit 5980db44e5
1 changed files with 1 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
core/src/components/datetime/datetime.ios.scss
View File

@ -115,79 +115,12 @@
background: current-color(base); background: current-color(base);
} }
/**
* Day that is not today but
* is selected should have ion-color for
* text color and be bolder.
*/
:host .calendar-day.calendar-day-active .calendar-day-content {
background: current-color(contrast);
}
/**
* Day that is selected and is today
* should have white color.
*/
:host .calendar-day.calendar-day-today.calendar-day-active {
color: var(--ion-text-color, #ffffff);
}
:host .calendar-day.calendar-day-today.calendar-day-active:after {
background: current-color(base);
opacity: 1;
}
:host .calendar-day {
font-size: 20px;
}
:host .calendar-day:after {
opacity: 0.2;
}
:host .calendar-day:focus:after {
background: current-color(base);
}
/**
* Day that today but not selected
* should have ion-color for text color.
*/
:host .calendar-day.calendar-day-today {
color: current-color(base);
}
/**
* Day that is not today but
* is selected should have ion-color for
* text color and be bolder.
*/
:host .calendar-day.calendar-day-active {
color: current-color(base);
font-weight: 600;
}
:host .calendar-day.calendar-day-active:after {
background: current-color(base);
}
/**
* Day that is not today but
* is selected should have ion-color for
* text color and be bolder.
*/
:host .calendar-day.calendar-day-active .calendar-day-content {
background: current-color(contrast);
}
/** /**
* Day that is selected and is today * Day that is selected and is today
* should have white color. * should have white color.
*/ */
:host .calendar-day.calendar-day-today.calendar-day-active { :host .calendar-day.calendar-day-today.calendar-day-active {
color: var(--ion-text-color, #ffffff); color: current-color(contrast);
} }
:host .calendar-day.calendar-day-today.calendar-day-active:after { :host .calendar-day.calendar-day-today.calendar-day-active:after {