diff options
| author | Henry Jameson <me@hjkos.com> | 2018-11-14 19:39:17 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-11-14 19:39:17 +0300 |
| commit | e7fe2dc9f9e52771c2ffe8d0ee1c4e8b2e38ab2f (patch) | |
| tree | a1068a131e503d8452098c8ca839187ed3c03012 /src/components/notifications | |
| parent | 1723f427f59bb6bf62bb35de93c7226aef2e8727 (diff) | |
collateral fixes, removed alpha control for alerts, added contrast text
generation for alerts, updated getTextColor to also have fallback to black/white
if resulting contrast isn't passable (only when inverting lightness!), updated
UI to use tabs.
Diffstat (limited to 'src/components/notifications')
| -rw-r--r-- | src/components/notifications/notifications.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index 98fdd3f5..fcc0c3d4 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -8,13 +8,13 @@ display: inline-block; background-color: $fallback--cRed; background-color: var(--badgeNotification, $fallback--cRed); - text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); border-radius: 99px; min-width: 22px; max-width: 22px; min-height: 22px; max-height: 22px; color: white; + color: var(--badgeNotificationText, white); font-size: 15px; line-height: 22px; text-align: center; @@ -27,8 +27,8 @@ } .unseen { - box-shadow: inset 4px 0 0 var(--badgeNotification, $fallback--cRed); - padding-left: 0; + + background-image: linear-gradient(135deg, var(--badgeNotification, $fallback--cRed) 4px, transparent 10px) } } @@ -42,8 +42,8 @@ .broken-favorite { border-radius: $fallback--tooltipRadius; border-radius: var(--tooltipRadius, $fallback--tooltipRadius); - color: $fallback--faint; - color: var(--faint, $fallback--faint); + color: $fallback--text; + color: var(--alertErrorText, $fallback--text); background-color: $fallback--alertError; background-color: var(--alertError, $fallback--alertError); padding: 2px .5em |