From 310d427a34eb4c0fd311ff1ed61b41cb35bc4314 Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Tue, 25 Dec 2018 19:41:12 -0700
Subject: [PATCH] Update Timeline.vue, fix notification avatar bug

---
 public/js/components.js                     | Bin 580538 -> 580617 bytes
 public/mix-manifest.json                    | Bin 321 -> 321 bytes
 resources/assets/js/components/Timeline.vue |  11 +++++++----
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/public/js/components.js b/public/js/components.js
index 176e3326510210d720f22be2e85f4e9dadc341b5..1a5ce592677fbf99c80ec244dfd56607a201662f 100644
GIT binary patch
delta 336
zcmdnBUAc3I@`e-_mh^OOrRfLVn7*j%mFE|w=q44VCT3S7m{wo`-Nc-nS|uGNrC80$
z2`+0{9E+2~CJVZXvXonz`%hnZi$i6zpX+OBu=w<Y?o5f3?d3Qo+e^w#US27@-SrEL
zg%p<p+|cP8`B^=tAK_ztha|WiC}_)wBmh=5Ifq$%dVn*N-1IC#)*VQ)+ZBaar*dt!
zOk66)l$$vHfICwX)K0$U2Nl~NR50E>+rHPG35c1u?{#N+wVF*SG+n<K=vj#KINQ}^
zS%H{syP7O}0~0gQBa;vEOR<;$Lu7hm6jP9dnTbV;fuV`9l1`?MqJd6zt!AxGd2&+a
YWZOiY=>kTqobC7I*|*=5=eV;Q0Q-M)1ONa4

delta 240
zcmeC&p}cFm@`e-_mK>K5rRn@~>}Hb>y5_Tl<c4@m{}9F`%Hr%7oIU-+Ee@5<g>J8<
zH&5?gD#i>HntYI7ipAfpuz0$GHfxZCWr}fXnz@mIl1`?MqJd6zt!Ax`b8ceB<b<U1
z=?eKw?9F=@ZQr|y@!DC4CZI*;ljpnaoqqN!D@Xg}0wy44-afg2<<)Ai-J27VE=f)H
zD6pSgQ~M1}@2UF><#SBVVHTghKZi+fvO~iTnBZowMqjS>S{YU#X4_sX!~TJZIXS6v
U`f5W~({^12_U*a~9CvmD0C)deP5=M^

diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index 54baaeb4051ca1c4006d450e362a032d03ddcc4f..44662a12af5711b690e64fd15d63102d131e1ddf 100644
GIT binary patch
delta 30
lcmX@ebdYI+p@@Z<nUSeQvVn23K~kb&Vv4z0n!!ZZKLCl&35Eaw

delta 30
lcmX@ebdYI+p@@-Xa#E_Hp@C6~p-HNliA7>+qWMJEKLCzL3AF$K

diff --git a/resources/assets/js/components/Timeline.vue b/resources/assets/js/components/Timeline.vue
index baf48c9c8..e265ae6fc 100644
--- a/resources/assets/js/components/Timeline.vue
+++ b/resources/assets/js/components/Timeline.vue
@@ -156,22 +156,22 @@
 							<div class="media-body font-weight-light small">
 								<div v-if="n.type == 'favourite'">
 									<p class="my-0">
-										<a :href="n.account.url" class="font-weight-bold text-dark">{{n.account.username}}</a> liked your <a class="font-weight-bold" v-bind:href="replyUrl(n.status)">post</a>.
+										<a :href="n.account.url" class="font-weight-bold text-dark word-break">{{n.account.username}}</a> liked your <a class="font-weight-bold" v-bind:href="replyUrl(n.status)">post</a>.
 									</p>
 								</div>
 								<div v-else-if="n.type == 'comment'">
 									<p class="my-0">
-										<a :href="n.account.url" class="font-weight-bold text-dark">{{n.account.username}}</a> commented on your <a class="font-weight-bold" v-bind:href="replyUrl(n.status)">post</a>.
+										<a :href="n.account.url" class="font-weight-bold text-dark word-break">{{n.account.username}}</a> commented on your <a class="font-weight-bold" v-bind:href="replyUrl(n.status)">post</a>.
 									</p>
 								</div>
 								<div v-else-if="n.type == 'mention'">
 									<p class="my-0">
-										<a :href="n.account.url" class="font-weight-bold text-dark">{{n.account.username}}</a> <a class="font-weight-bold" v-bind:href="mentionUrl(n.status)">mentioned</a> you.
+										<a :href="n.account.url" class="font-weight-bold text-dark word-break">{{n.account.username}}</a> <a class="font-weight-bold" v-bind:href="mentionUrl(n.status)">mentioned</a> you.
 									</p>
 								</div>
 								<div v-else-if="n.type == 'follow'">
 									<p class="my-0">
-										<a :href="n.account.url" class="font-weight-bold text-dark">{{n.account.username}}</a> followed you.
+										<a :href="n.account.url" class="font-weight-bold text-dark word-break">{{n.account.username}}</a> followed you.
 									</p>	
 								</div>
 							</div>
@@ -211,6 +211,9 @@
 	.cursor-pointer {
 		cursor: pointer;
 	}
+	.word-break {
+		word-break: break-all;
+	}
 </style>
 
 <script type="text/javascript">