Client - display today cell w/ different color
This commit is contained in:
parent
e386f466ae
commit
3be8783ee3
@ -741,6 +741,10 @@ label {
|
|||||||
background: #f5f5f5;
|
background: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.calendar .body .today {
|
||||||
|
background: #eff1f3;
|
||||||
|
}
|
||||||
|
|
||||||
.calendar-activity,
|
.calendar-activity,
|
||||||
.calendar-more {
|
.calendar-more {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -8,6 +8,7 @@ import {
|
|||||||
format,
|
format,
|
||||||
isSameDay,
|
isSameDay,
|
||||||
isSameMonth,
|
isSameMonth,
|
||||||
|
isToday,
|
||||||
startOfMonth,
|
startOfMonth,
|
||||||
startOfWeek,
|
startOfWeek,
|
||||||
subMonths,
|
subMonths,
|
||||||
@ -110,7 +111,12 @@ class Calendar extends React.Component {
|
|||||||
? [5, 6].includes(i)
|
? [5, 6].includes(i)
|
||||||
: [0, 6].includes(i)
|
: [0, 6].includes(i)
|
||||||
days.push(
|
days.push(
|
||||||
<div className={`col cell ${isWeekEnd ? ' weekend' : ''}`} key={day}>
|
<div
|
||||||
|
className={`col cell ${isWeekEnd ? ' weekend' : ''}${
|
||||||
|
isToday(day) ? ' today' : ''
|
||||||
|
}`}
|
||||||
|
key={day}
|
||||||
|
>
|
||||||
<div className={`img${isDisabled}`}>
|
<div className={`img${isDisabled}`}>
|
||||||
<span className="number">{formattedDate}</span>
|
<span className="number">{formattedDate}</span>
|
||||||
<CalendarActivities
|
<CalendarActivities
|
||||||
|
Loading…
Reference in New Issue
Block a user