mirror of
https://github.com/Radarr/Radarr.git
synced 2024-09-11 20:12:41 +02:00
Darker border for calendar
This commit is contained in:
parent
6a68e5ca92
commit
7189719e6f
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
.days {
|
.days {
|
||||||
display: flex;
|
display: flex;
|
||||||
border-right: 1px solid $borderColor;
|
border-right: 1px solid $calendarBorderColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
.day,
|
.day,
|
||||||
|
@ -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
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -173,6 +173,7 @@ module.exports = {
|
|||||||
// Calendar
|
// Calendar
|
||||||
|
|
||||||
calendarTodayBackgroundColor: '#ddd',
|
calendarTodayBackgroundColor: '#ddd',
|
||||||
|
calendarBorderColor: '#cecece',
|
||||||
|
|
||||||
//
|
//
|
||||||
// Table
|
// Table
|
||||||
|
Loading…
Reference in New Issue
Block a user