Client - minor changes
This commit is contained in:
parent
a413ff35ae
commit
2c7dd1d6c8
@ -633,45 +633,30 @@ label {
|
|||||||
|
|
||||||
@media only screen and (max-width: 992px) {
|
@media only screen and (max-width: 992px) {
|
||||||
|
|
||||||
.calendar-activity:nth-child(-n+2) {
|
.calendar-activity:nth-child(-n+2),
|
||||||
|
.calendar-activity:nth-child(n+3) ~ .calendar-more,
|
||||||
|
.calendar-activity-more:nth-child(n+3) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-activity:nth-child(n+3) ~ .calendar-more {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendar-activity-more:nth-child(n+3){
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||||||
|
|
||||||
.calendar-activity:nth-child(-n+4){
|
.calendar-activity:nth-child(-n+4),
|
||||||
|
.calendar-activity:nth-child(n+5) ~ .calendar-more,
|
||||||
|
.calendar-activity-more:nth-child(n+5) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-activity:nth-child(n+5) ~ .calendar-more {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendar-activity-more:nth-child(n+5){
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1200px) {
|
@media only screen and (min-width: 1200px) {
|
||||||
|
|
||||||
.calendar-activity:nth-child(-n+6) {
|
.calendar-activity:nth-child(-n+6),
|
||||||
|
.calendar-activity:nth-child(n+7) ~ .calendar-more,
|
||||||
|
.calendar-activity-more:nth-child(n+7) {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.calendar-activity:nth-child(n+7) ~ .calendar-more {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.calendar-activity-more:nth-child(n+7){
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
@ -32,7 +32,7 @@ export default class CalendarActivities extends React.Component {
|
|||||||
))}
|
))}
|
||||||
{dayActivities.length > 2 && (
|
{dayActivities.length > 2 && (
|
||||||
<i
|
<i
|
||||||
className="fa fa-plus calendar-more"
|
className={`fa fa-${isHidden ? 'plus' : 'times'} calendar-more`}
|
||||||
aria-hidden="true"
|
aria-hidden="true"
|
||||||
onClick={() => this.handleDisplayMore()}
|
onClick={() => this.handleDisplayMore()}
|
||||||
title="show more activities"
|
title="show more activities"
|
||||||
|
Loading…
Reference in New Issue
Block a user