Chore: Purge styles of the legacy message template

apps/meteor/app/channel-settings/index.js

@@ -1,8 +1,8 @@
 import { Meteor } from 'meteor/meteor';
 
 if (Meteor.isClient) {
-	module.exports = require('./client/index.js');
+	module.exports = require('./client/index.ts');
 }
 if (Meteor.isServer) {
-	module.exports = require('./server/index.js');
+	module.exports = require('./server/index.ts');
 }

apps/meteor/app/e2e/client/index.js → apps/meteor/app/e2e/client/index.ts

@@ -1,3 +1 @@
-import './stylesheets/e2e.css';
-
 export * from './rocketchat.e2e';

apps/meteor/app/emoji-emojione/client/emojione-sprites.css

@@ -29,10 +29,6 @@
 	image-rendering: optimizeQuality;
 }
 
-.message .emojione.big {
-	width: 44px;
-	height: 44px;
-}
 .big > .emojione {
 	width: 44px;
 	height: 44px;

apps/meteor/app/emoji/index.js

@@ -1,8 +1,8 @@
 import { Meteor } from 'meteor/meteor';
 
 if (Meteor.isClient) {
-	module.exports = require('./client/index.js');
+	module.exports = require('./client/index.ts');
 }
 if (Meteor.isServer) {
-	module.exports = require('./server/index.js');
+	module.exports = require('./server/index.ts');
 }

apps/meteor/app/mentions/client/mentionLink.css

@@ -1,4 +1,3 @@
-.message .mention-link,
 .mention-link {
 	padding: 0 2px 2px;
 

apps/meteor/app/reactions/client/index.js → apps/meteor/app/reactions/client/index.ts

@@ -1,3 +1,2 @@
 import './init';
 import './methods/setReaction';
-import './stylesheets/reaction.css';

apps/meteor/app/reactions/server/index.ts

@@ -0,0 +1 @@
+import './setReaction';

apps/meteor/app/theme/client/imports/components/messages.css

@@ -54,102 +54,6 @@
 	max-width: 400px;
 }
 
-.message {
-	&:hover,
-	&.active {
-		background-color: #f7f8fa;
-
-		& .message-actions {
-			display: flex;
-		}
-	}
-
-	& .toggle-hidden {
-		display: none;
-	}
-
-	&&--ignored {
-		min-height: 25px;
-		padding: 2px 50px 2px 70px;
-
-		font-size: 12px;
-
-		& > .thumb {
-			top: 3px;
-
-			width: 20px;
-			height: 20px;
-			margin-left: 16px;
-
-			& .avatar {
-				width: 100%;
-				height: 100%;
-			}
-		}
-
-		& .user {
-			font-size: 0.75rem;
-			font-weight: initial;
-		}
-
-		& .message-body-wrapper .body,
-		& .message-oembed,
-		& .attachment,
-		& .message-discussion,
-		& .message-thread,
-		& .reactions,
-		& .edited,
-		& .role-tag {
-			display: none;
-		}
-
-		& .toggle-hidden {
-			display: block;
-		}
-
-		& + .message--ignored.sequential {
-			display: none;
-		}
-	}
-
-	&.active {
-		& .message-actions__label {
-			color: var(--rc-color-button-primary);
-		}
-	}
-
-	& .rc-popover-anchor {
-		display: block;
-
-		visibility: hidden;
-
-		width: 0;
-		height: 0;
-
-		opacity: 0;
-	}
-
-	& .rc-popover {
-		top: -200vh;
-		right: 180px;
-
-		&__wrapper {
-			position: fixed;
-			top: -100vh;
-			left: -100vw;
-
-			width: 300vw;
-			height: 300vh;
-		}
-
-		&__content {
-			position: absolute;
-			top: 0;
-			left: 0;
-		}
-	}
-}
-
 .message-body {
 	&--unstyled {
 		vertical-align: bottom;
@@ -213,104 +117,6 @@
 	left: 2px;
 }
 
-.compact {
-	& .message {
-		min-height: 26px;
-		padding: 5px 15px 5px 37px;
-
-		&.sequential {
-			& .thumb:not(.thumb-small),
-			& .user {
-				display: inline-block;
-			}
-
-			& .title {
-				position: relative;
-				left: 0;
-
-				width: auto;
-
-				text-align: left;
-				justify-content: initial;
-
-				& .time,
-				& .edited {
-					display: inline-block;
-				}
-			}
-		}
-
-		& .attachment {
-			& .attachment-title > a {
-				font-size: 0.9em;
-			}
-
-			& .attachment-author img {
-				border-radius: 2px;
-			}
-
-			& .inline-image img {
-				max-height: 100px;
-			}
-
-			& .inline-video {
-				max-height: 150px;
-			}
-		}
-
-		& blockquote iframe {
-			width: 266px;
-			height: 150px;
-		}
-
-		& .message-body-wrapper {
-			display: flex;
-			align-items: flex-start;
-		}
-
-		& .body {
-			display: inline;
-
-			max-width: 100%;
-			margin-left: 4px;
-			padding-right: 48px;
-
-			word-wrap: anywhere;
-		}
-
-		& .title {
-			& .avatar-image {
-				border-radius: 2px;
-			}
-
-			& .role-tag {
-				display: none;
-			}
-
-			& .edited {
-				margin-left: 4px;
-
-				& .icon-pencil::before {
-					margin-right: 0;
-				}
-			}
-		}
-
-		& .thumb {
-			left: 10px;
-
-			width: 20px;
-			height: 20px;
-			margin-left: 0;
-
-			& .avatar {
-				width: 20px;
-				height: 20px;
-			}
-		}
-	}
-}
-
 .message-popup .rcx-message-attachment {
 	overflow-y: auto !important;