diff options
| author | shpuld <shpuld@gmail.com> | 2017-03-10 15:26:36 +0200 |
|---|---|---|
| committer | shpuld <shpuld@gmail.com> | 2017-03-10 15:26:36 +0200 |
| commit | c1681d53ba602dd7468a938c938575cef1f5eff6 (patch) | |
| tree | fdd7027e8a34028025881e8cd5702f33a2a55010 /src | |
| parent | 33f72ab2c215ebd7709edaf7a63062aabe8363cc (diff) | |
Add a border to conversation heading to add distinction between it and a hilighted post. (TODO: add the same base03-border to all headings for consistency's sake if it looks alright?)
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/conversation/conversation.vue | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue index 331cce99..726cfb65 100644 --- a/src/components/conversation/conversation.vue +++ b/src/components/conversation/conversation.vue @@ -1,6 +1,6 @@ <template> <div class="timeline panel panel-default base00-background"> - <div class="panel-heading base01-background base04"> + <div class="panel-heading base01-background base04 base03-border conversation-heading"> Conversation <span v-if="collapsable" style="float:right;"> <small><a href="#" @click.prevent="$emit('toggleExpanded')">Collapse</a></small> @@ -15,3 +15,10 @@ </template> <script src="./conversation.js"></script> + +<style lang="scss"> + .conversation-heading { + border-bottom-style: solid; + border-bottom-width: 1px; + } +</style> |