Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - minor changes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
fittrackee_client/src/components/App.css
View File

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

2
fittrackee_client/src/components/Dashboard/CalendarActivities.jsx
View File

@ -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"