diff --git a/.gitignore b/.gitignore
index 348de645..f2f74c47 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,9 @@
+# Emacs/Vim turds
+.\#*\#
+\#*\#
+*~
+.tern-port
+
node_modules/
npm-debug.log*
yarn-debug.log*
diff --git a/client/components/Chat.vue b/client/components/Chat.vue
index ec0063b2..9a789ad3 100644
--- a/client/components/Chat.vue
+++ b/client/components/Chat.vue
@@ -90,7 +90,12 @@
>
-
+
@@ -133,6 +138,7 @@ export default {
props: {
network: Object,
channel: Object,
+ focused: String,
},
computed: {
specialComponent() {
diff --git a/client/components/DateMarker.vue b/client/components/DateMarker.vue
index c8cf5468..4b6fa37c 100644
--- a/client/components/DateMarker.vue
+++ b/client/components/DateMarker.vue
@@ -17,6 +17,7 @@ export default {
name: "DateMarker",
props: {
message: Object,
+ focused: Boolean,
},
computed: {
localeDate() {
diff --git a/client/components/Message.vue b/client/components/Message.vue
index fa0d920a..cff56be9 100644
--- a/client/components/Message.vue
+++ b/client/components/Message.vue
@@ -3,7 +3,11 @@
:id="'msg-' + message.id"
:class="[
'msg',
- {self: message.self, highlight: message.highlight, 'previous-source': isPreviousSource},
+ {
+ self: message.self,
+ highlight: message.highlight || focused,
+ 'previous-source': isPreviousSource,
+ },
]"
:data-type="message.type"
:data-command="message.command"
@@ -110,6 +114,7 @@ export default {
network: Object,
keepScrollPosition: Function,
isPreviousSource: Boolean,
+ focused: Boolean,
},
computed: {
timeFormat() {
diff --git a/client/components/MessageCondensed.vue b/client/components/MessageCondensed.vue
index b14e6dd6..279fd8b1 100644
--- a/client/components/MessageCondensed.vue
+++ b/client/components/MessageCondensed.vue
@@ -30,6 +30,7 @@ export default {
network: Object,
messages: Array,
keepScrollPosition: Function,
+ focused: Boolean,
},
data() {
return {
diff --git a/client/components/MessageList.vue b/client/components/MessageList.vue
index d0dceb31..ca1f18cd 100644
--- a/client/components/MessageList.vue
+++ b/client/components/MessageList.vue
@@ -23,6 +23,7 @@
v-if="shouldDisplayDateMarker(message, id)"
:key="message.id + '-date'"
:message="message"
+ :focused="message.id == focused"
/>
@@ -75,6 +78,7 @@ export default {
props: {
network: Object,
channel: Object,
+ focused: String,
},
computed: {
condensedMessages() {
diff --git a/client/components/RoutedChat.vue b/client/components/RoutedChat.vue
index b84a2e89..46a79bea 100644
--- a/client/components/RoutedChat.vue
+++ b/client/components/RoutedChat.vue
@@ -1,5 +1,10 @@
-
+