diff options
| author | Henry Jameson <me@hjkos.com> | 2020-08-04 19:32:47 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-08-04 19:32:47 +0300 |
| commit | 0d02b04726d75687abd218fd6ad68690cf0cfbae (patch) | |
| tree | 984030ca15f602ff45e0040c332fba4c7e577d49 | |
| parent | 10bb2b288d1b2d100bc4ba2d970229da7970c4d8 (diff) | |
bring back red stripe
| -rw-r--r-- | src/components/conversation/conversation.vue | 10 | ||||
| -rw-r--r-- | src/components/status/status.scss | 4 |
2 files changed, 9 insertions, 5 deletions
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index 4322500f..19f769e5 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -45,13 +45,21 @@ border-left: none; border-bottom-width: 1px; border-bottom-style: solid; - border-color: var(--border, $fallback--border); + border-bottom-color: var(--border, $fallback--border); border-radius: 0; } &.-expanded { + .conversation-status { + border-color: $fallback--border; + border-color: var(--border, $fallback--border); + border-left: 4px solid $fallback--cRed; + border-left: 4px solid var(--cRed, $fallback--cRed); + } .conversation-status:last-child { border-bottom: none; + border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius; + border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius); } } } diff --git a/src/components/status/status.scss b/src/components/status/status.scss index 46088cf9..fec9f9e9 100644 --- a/src/components/status/status.scss +++ b/src/components/status/status.scss @@ -5,10 +5,6 @@ $status-margin: 0.75em; .Status { min-width: 0; - border-color: $fallback--border; - border-color: var(--border, $fallback--border); - border-left: 4px $fallback--cRed; - border-left: 4px var(--cRed, $fallback--cRed); &:hover .avatar { --still-image-img: visible; |