New: Dim episode/air time on calendar

5 years ago · 4df219161c
parent 06f157e634
commit 4df219161c
4 changed files with 12 additions and 2 deletions
--- a/frontend/src/Calendar/Events/CalendarEvent.css
+++ b/frontend/src/Calendar/Events/CalendarEvent.css
@ -16,10 +16,13 @@
  display: flex;
 }

+.episodeInfo {
+  color: $calendarTextDim;
+}
+
 .seriesTitle,
 .episodeTitle {
  @add-mixin truncate;
-
  flex: 1 0 1px;
  margin-right: 10px;
 }
@ -37,6 +40,10 @@
  margin-left: 3px;
 }

+.airTime {
+  color: $calendarTextDim;
+}
+
 /*
 * Status
 */
--- a/frontend/src/Calendar/Events/CalendarEvent.js
+++ b/frontend/src/Calendar/Events/CalendarEvent.js
@ -200,7 +200,7 @@ class CalendarEvent extends Component {
              </div>
          }

-          <div>
+          <div className={styles.airTime}>
            {formatTime(airDateUtc, timeFormat)} - {formatTime(endTime.toISOString(), timeFormat, { includeMinuteZero: true })}
          </div>
        </Link>
--- a/frontend/src/Calendar/Events/CalendarEventGroup.css
+++ b/frontend/src/Calendar/Events/CalendarEventGroup.css
@ -22,10 +22,12 @@

 .airTime {
  flex: 1 0 1px;
+  color: $calendarTextDim;
 }

 .episodeInfo {
  margin-left: 10px;
+  color: $calendarTextDim;
 }

 .absoluteEpisodeNumber {
--- a/frontend/src/Styles/Variables/colors.js
+++ b/frontend/src/Styles/Variables/colors.js
@ -175,6 +175,7 @@ module.exports = {

  calendarTodayBackgroundColor: '#ddd',
  calendarBorderColor: '#cecece',
+  calendarTextDim: '#666',

  //
  // Table