(refacto) text-ellipsis css

Author: antoine92190

src/ChatWindow/Room/RoomHeader.vue

@@ -184,12 +184,6 @@ export default {
 	height: 100%;
 }
 
-.vac-text-ellipsis {
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
 .vac-room-name {
 	font-size: 17px;
 	font-weight: 500;

src/ChatWindow/RoomsList/RoomContent.vue

@@ -233,12 +233,6 @@ export default {
 	flex: 1;
 }
 
-.vac-text-ellipsis {
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
 .vac-title-container {
 	display: flex;
 	align-items: center;

src/components/FormatMessage.vue

@@ -156,13 +156,6 @@ export default {
 	fill: var(--chat-room-color-message);
 }
 
-.vac-text-ellipsis {
-	width: 100%;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
 .vac-image-link-container {
 	background-color: var(--chat-message-bg-color-media);
 	padding: 8px;

src/styles/helper.scss

@@ -72,6 +72,12 @@
 	font-weight: 500;
 }
 
+.vac-text-ellipsis {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
 .vac-text-bold {
 	font-weight: bold;
 }