Archive-Team
/
sonarr-repo-only
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Darker border for calendar

This commit is contained in:
Mark McDowall 2019-07-04 19:59:11 -07:00
parent b99d943b4d
commit ff8fc237e2
5 changed files with 39 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/Calendar/Day/CalendarDay.css
View File

@ -2,8 +2,8 @@
flex: 1 0 14.28%; flex: 1 0 14.28%;
overflow: hidden; overflow: hidden;
min-height: 70px; min-height: 70px;
border-bottom: 1px solid $borderColor; border-bottom: 1px solid $calendarBorderColor;
border-left: 1px solid $borderColor; border-left: 1px solid $calendarBorderColor;
} }
.isSingleDay { .isSingleDay {
@ -12,7 +12,7 @@
.dayOfMonth { .dayOfMonth {
padding-right: 5px; padding-right: 5px;
border-bottom: 1px solid $borderColor; border-bottom: 1px solid $calendarBorderColor;
text-align: right; text-align: right;
} }

2
frontend/src/Calendar/Day/CalendarDays.css
View File

@ -1,6 +1,6 @@
.days { .days {
display: flex; display: flex;
border-right: 1px solid $borderColor; border-right: 1px solid $calendarBorderColor;
} }
.day, .day,

32
frontend/src/Calendar/Events/CalendarEvent.css
View File

@ -57,7 +57,13 @@
border-left-color: $gray !important; border-left-color: $gray !important;
&:global(.colorImpaired) { &:global(.colorImpaired) {
background: repeating-linear-gradient(45deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px); background: repeating-linear-gradient(
45deg,
$colorImpairedGradientDark,
$colorImpairedGradientDark 5px,
$colorImpairedGradient 5px,
$colorImpairedGradient 10px
);
} }
} }
@ -65,7 +71,13 @@
border-left-color: $warningColor !important; border-left-color: $warningColor !important;
&:global(.colorImpaired) { &:global(.colorImpaired) {
background: repeating-linear-gradient(90deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px); background: repeating-linear-gradient(
90deg,
$colorImpairedGradientDark,
$colorImpairedGradientDark 5px,
$colorImpairedGradient 5px,
$colorImpairedGradient 10px
);
} }
} }
@ -74,7 +86,13 @@
&:global(.colorImpaired) { &:global(.colorImpaired) {
border-left-color: color($dangerColor saturation(+15%)) !important; border-left-color: color($dangerColor saturation(+15%)) !important;
background: repeating-linear-gradient(90deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px); background: repeating-linear-gradient(
90deg,
$colorImpairedGradientDark,
$colorImpairedGradientDark 5px,
$colorImpairedGradient 5px,
$colorImpairedGradient 10px
);
} }
} }
@ -82,6 +100,12 @@
border-left-color: $primaryColor !important; border-left-color: $primaryColor !important;
&:global(.colorImpaired) { &:global(.colorImpaired) {
background: repeating-linear-gradient(90deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px); background: repeating-linear-gradient(
90deg,
$colorImpairedGradientDark,
$colorImpairedGradientDark 5px,
$colorImpairedGradient 5px,
$colorImpairedGradient 10px
);
} }
} }

12
frontend/src/Calendar/Events/CalendarEventGroup.css
View File

@ -58,25 +58,25 @@
*/ */
.downloaded { .downloaded {
composes: downloaded from '~Calendar/Events/CalendarEvent.css'; composes: downloaded from "~Calendar/Events/CalendarEvent.css";
} }
.downloading { .downloading {
composes: downloading from '~Calendar/Events/CalendarEvent.css'; composes: downloading from "~Calendar/Events/CalendarEvent.css";
} }
.unmonitored { .unmonitored {
composes: unmonitored from '~Calendar/Events/CalendarEvent.css'; composes: unmonitored from "~Calendar/Events/CalendarEvent.css";
} }
.onAir { .onAir {
composes: onAir from '~Calendar/Events/CalendarEvent.css'; composes: onAir from "~Calendar/Events/CalendarEvent.css";
} }
.missing { .missing {
composes: missing from '~Calendar/Events/CalendarEvent.css'; composes: missing from "~Calendar/Events/CalendarEvent.css";
} }
.premiere { .premiere {
composes: premiere from '~Calendar/Events/CalendarEvent.css'; composes: premiere from "~Calendar/Events/CalendarEvent.css";
} }

1
frontend/src/Styles/Variables/colors.js
View File

@ -174,6 +174,7 @@ module.exports = {
// Calendar // Calendar
calendarTodayBackgroundColor: '#ddd', calendarTodayBackgroundColor: '#ddd',
calendarBorderColor: '#cecece',
// //
// Table // Table