fix css selector

RocketChat · Nov 17, 2017 · 408d407 · 408d407
1 parent 2c91f24
commit 408d407
Showing 1 changed file with 30 additions and 25 deletions.
diff --git a/packages/rocketchat-theme/client/imports/general/base.css b/packages/rocketchat-theme/client/imports/general/base.css
@@ -118,32 +118,37 @@ button {
 	width: 4px !important;
 }
 
-.first-unread {
-	& .body {
-		&::before {
-			position: absolute;
-			top: 0;
-			left: 0;
-			background: var(--rc-color-error);
-			z-index: 1;
-			content: "";
-			width: 100%;
-			height: 1px;
-		}
+.first-unread .body {
+	&::before {
+		position: absolute;
+		z-index: 1;
+		top: 0;
+		left: 0;
 
-		&::after {
-			position: absolute;
-			top: -10px;
-			right: 0;
-			content: attr(data-unread-text);
-			text-align: right;
-			text-transform: uppercase;
-			font-size: 10px;
-			padding: 0 1rem;
-			background: #ffffff;
-			color: var(--rc-color-error);
-			z-index: 2;
-		}
+		width: 100%;
+		height: 1px;
+
+		content: "";
+
+		background: var(--rc-color-error);
+	}
+
+	&::after {
+		position: absolute;
+		z-index: 2;
+		top: -10px;
+		right: 0;
+
+		padding: 0 1rem;
+
+		content: attr(data-unread-text);
+		text-align: right;
+		text-transform: uppercase;
+
+		color: var(--rc-color-error);
+		background: #ffffff;
+
+		font-size: 10px;
 	}
 }