From c1681d53ba602dd7468a938c938575cef1f5eff6 Mon Sep 17 00:00:00 2001
From: shpuld <shpuld@gmail.com>
Date: Fri, 10 Mar 2017 15:26:36 +0200
Subject: [PATCH] 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?)
---
src/components/conversation/conversation.vue | 9 ++++++++-
1 file changed, 8 insertions(+), 1 deletion(-)
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>