Fix missing border radii and read button text color

This commit is contained in:
shpuld 2018-04-12 19:51:33 +03:00
parent 7ccbec217a
commit 8db70ffa85
3 changed files with 13 additions and 5 deletions

View file

@ -274,6 +274,11 @@ main-router {
background-color: var(--btn, $fallback--btn); background-color: var(--btn, $fallback--btn);
} }
.panel-heading.stub {
border-radius: $fallback--panelRadius;
border-radius: var(--panelRadius, $fallback--panelRadius);
}
.panel-footer { .panel-footer {
border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius; border-radius: 0 0 $fallback--panelRadius $fallback--panelRadius;
border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius); border-radius: 0 0 var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius);

View file

@ -30,7 +30,7 @@
</div> </div>
<div v-else class="chat-panel"> <div v-else class="chat-panel">
<div class="panel panel-default"> <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"> <div class="title">
{{$t('chat.title')}} {{$t('chat.title')}}
<i class="icon-plus-squared" style="float: right;"></i> <i class="icon-plus-squared" style="float: right;"></i>

View file

@ -27,10 +27,6 @@
right: 0.7em; right: 0.7em;
height: 1.8em; height: 1.8em;
line-height: 100%; 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 { &:last-child {
border-bottom: none; 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);
}
} }
} }