Client - minor changes

This commit is contained in:
Sam 2020-01-30 20:56:39 +01:00
parent a413ff35ae
commit 2c7dd1d6c8
2 changed files with 10 additions and 25 deletions

View File

@ -633,45 +633,30 @@ label {
@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;
}
.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) {
.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;
}
.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) {
.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;
}
.calendar-activity:nth-child(n+7) ~ .calendar-more {
display: inline-block;
}
.calendar-activity-more:nth-child(n+7){
display: inline-block;
}
}

View File

@ -32,7 +32,7 @@ export default class CalendarActivities extends React.Component {
))}
{dayActivities.length > 2 && (
<i
className="fa fa-plus calendar-more"
className={`fa fa-${isHidden ? 'plus' : 'times'} calendar-more`}
aria-hidden="true"
onClick={() => this.handleDisplayMore()}
title="show more activities"