diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.scss | 5 | ||||
| -rw-r--r-- | src/components/chat_panel/chat_panel.vue | 2 | ||||
| -rw-r--r-- | src/components/notifications/notifications.scss | 11 |
3 files changed, 13 insertions, 5 deletions
diff --git a/src/App.scss b/src/App.scss index b55ba0e6..e081ad9b 100644 --- a/src/App.scss +++ b/src/App.scss @@ -274,6 +274,11 @@ main-router { background-color: var(--btn, $fallback--btn); } +.panel-heading.stub { + border-radius: $fallback--panelRadius; + border-radius: var(--panelRadius, $fallback--panelRadius); +} + .panel-footer { 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/chat_panel/chat_panel.vue b/src/components/chat_panel/chat_panel.vue index 46e011dc..dea9b703 100644 --- a/src/components/chat_panel/chat_panel.vue +++ b/src/components/chat_panel/chat_panel.vue @@ -30,7 +30,7 @@ </div> <div v-else class="chat-panel"> <div class="panel panel-default"> - <div class="panel-heading panel-footer timeline-heading chat-heading" @click.stop.prevent="togglePanel"> + <div class="panel-heading stub timeline-heading chat-heading" @click.stop.prevent="togglePanel"> <div class="title"> {{$t('chat.title')}} <i class="icon-plus-squared" style="float: right;"></i> diff --git a/src/components/notifications/notifications.scss b/src/components/notifications/notifications.scss index 651be058..69ddda00 100644 --- a/src/components/notifications/notifications.scss +++ b/src/components/notifications/notifications.scss @@ -27,10 +27,6 @@ right: 0.7em; height: 1.8em; line-height: 100%; - background-color: $fallback--btn; - background-color: var(--btn, $fallback--btn); - color: $fallback--faint; - color: var(--faint, $fallback--faint); } } @@ -196,7 +192,14 @@ } } + // ugly as heck &: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); + .status-el { + border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius; + border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius); + } } } |
