aboutsummaryrefslogtreecommitdiff
path: root/src/components/status
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/status')
-rw-r--r--src/components/status/status.js7
-rw-r--r--src/components/status/status.vue8
2 files changed, 12 insertions, 3 deletions
diff --git a/src/components/status/status.js b/src/components/status/status.js
index bc9d6e6c..3e442656 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -32,7 +32,12 @@ const Status = {
return !!this.$store.state.users.currentUser
},
muted () { return !this.unmuted && this.status.user.muted },
- isReply () { return !!this.status.in_reply_to_status_id }
+ isReply () { return !!this.status.in_reply_to_status_id },
+ borderColor () {
+ return {
+ borderBottomColor: this.$store.state.config.colors['base02'],
+ }
+ }
},
components: {
Attachment,
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 6476e1e5..9b0827a7 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -1,5 +1,5 @@
<template>
- <div class="status-el base00-background" v-if="!status.deleted" v-bind:class="[{ 'expanded-status': !expandable }, { 'base01-background': focused }]">
+ <div class="status-el base00-background base03-border" v-if="!status.deleted" v-bind:class="[{ 'expanded-status': !expandable }, { 'base01-background': focused }]" >
<template v-if="muted">
<div class="media status container muted">
<small><router-link :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link></small>
@@ -98,6 +98,7 @@
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
+ border-left-width: 0px;
.user-content {
min-height: 52px;
@@ -129,7 +130,7 @@
}
.expanded-status {
- border-left: 4px solid rgba(255, 48, 16, 0.65);
+ border-left-style: solid;
}
.status-actions {
@@ -151,6 +152,9 @@
.status {
padding: 0.65em 0.7em 0.8em 0.8em;
border-bottom: 1px solid;
+ border-bottom-color: inherit;
+ border-left: 4px rgba(255, 48, 16, 0.65);
+ border-left-style: inherit;
}
.muted button {
margin-left: auto;