Merge pull request #9181 from RocketChat/hotfix/9151

Fix: UI: Descenders of glyphs are cut off
RocketChat · Dec 20, 2017 · 2fe3f03 · 2fe3f03
1 parent bef5623
commit 2fe3f03
Showing 1 changed file with 3 additions and 11 deletions.
diff --git a/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css b/packages/rocketchat-theme/client/imports/components/sidebar/sidebar-item.css
@@ -36,6 +36,7 @@
 
 			&__message {
 				flex-direction: column;
+				height: var(--sidebar-item-big-thumb-size);
 
 				&-top,
 				&-bottom {
@@ -44,10 +45,6 @@
 					width: 100%;
 					align-items: center;
 				}
-
-				&-bottom {
-					margin-top: 4px;
-				}
 			}
 		}
 	}
@@ -181,15 +178,10 @@
 
 		margin: 0 -3px;
 		align-items: center;
-		justify-content: center;
+		justify-content: space-between;
 
 		&-top {
 			overflow: hidden;
-			flex: 1;
-		}
-
-		&-bottom {
-			flex: 0 0;
 		}
 	}
 
@@ -218,7 +210,7 @@
 		text-overflow: ellipsis;
 
 		font-size: 12px;
-		line-height: 14px;
+		line-height: normal;
 
 		& > p, & code, & pre {
 			display: inline;