Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fixed: Legend and Colors on calendar
Fixed: Streamline Legend in Index and Calendar Fixed: Broken Translations
- Loading branch information
1 parent
6d011cd
commit 0366029
Showing
6 changed files
with
105 additions
and
55 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,5 @@ | ||
.legendIconItem { | ||
margin: 3px 0; | ||
margin-right: 6px; | ||
width: 150px; | ||
cursor: default; | ||
margin-left: 6px; | ||
} | ||
|
||
.icon { | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,33 +1,74 @@ | ||
.legendItemContainer { | ||
margin-right: 5px; | ||
width: 220px; | ||
} | ||
|
||
.legendItem { | ||
margin: 3px 0; | ||
margin-right: 6px; | ||
padding-left: 5px; | ||
width: 150px; | ||
border-left-width: 4px; | ||
border-left-style: solid; | ||
cursor: default; | ||
display: inline-flex; | ||
margin-top: -1px; | ||
vertical-align: middle; | ||
line-height: 16px; | ||
} | ||
|
||
.legendItemColor { | ||
margin-right: 8px; | ||
width: 30px; | ||
height: 16px; | ||
border-radius: 4px; | ||
} | ||
|
||
.queue { | ||
composes: legendItemColor; | ||
|
||
background-color: $queueColor; | ||
} | ||
|
||
.continuing { | ||
composes: legendItemColor; | ||
|
||
background-color: $primaryColor; | ||
} | ||
|
||
/* | ||
* Status | ||
*/ | ||
.availNotMonitored { | ||
composes: legendItemColor; | ||
|
||
.downloaded { | ||
composes: downloaded from '~Calendar/Events/CalendarEvent.css'; | ||
background-color: $darkGray; | ||
} | ||
|
||
.downloading { | ||
composes: downloading from '~Calendar/Events/CalendarEvent.css'; | ||
.ended { | ||
composes: legendItemColor; | ||
|
||
background-color: $successColor; | ||
} | ||
|
||
.missingMonitored { | ||
composes: legendItemColor; | ||
|
||
background-color: $dangerColor; | ||
|
||
&:global(.colorImpaired) { | ||
background: repeating-linear-gradient(90deg, color($dangerColor shade(5%)), color($dangerColor shade(5%)) 5px, color($dangerColor shade(15%)) 5px, color($dangerColor shade(15%)) 10px); | ||
} | ||
} | ||
|
||
.missingUnmonitored { | ||
composes: legendItemColor; | ||
|
||
background-color: $warningColor; | ||
|
||
&:global(.colorImpaired) { | ||
background: repeating-linear-gradient(45deg, $warningColor, $warningColor 5px, color($warningColor tint(15%)) 5px, color($warningColor tint(15%)) 10px); | ||
} | ||
} | ||
|
||
.unmonitored { | ||
composes: unmonitored from '~Calendar/Events/CalendarEvent.css'; | ||
.missingMonitoredColorImpaired { | ||
background: repeating-linear-gradient(90deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px); | ||
} | ||
|
||
.missing { | ||
composes: missing from '~Calendar/Events/CalendarEvent.css'; | ||
.missingUnmonitoredColorImpaired { | ||
background: repeating-linear-gradient(45deg, $colorImpairedGradientDark, $colorImpairedGradientDark 5px, $colorImpairedGradient 5px, $colorImpairedGradient 10px); | ||
} | ||
|
||
.unreleased { | ||
composes: unreleased from '~Calendar/Events/CalendarEvent.css'; | ||
.legendItemText { | ||
display: inline-block; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters