MM-18541 - Updating header description css (mattermost#4048)

jespino · Oct 30, 2019 · 14f6c9e · 14f6c9e
1 parent 70ef7ca
commit 14f6c9e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/sass/layout/_headers.scss b/sass/layout/_headers.scss
@@ -2,6 +2,7 @@
 
 .channel-header {
  @include flex(0 0 63px);
+ max-height: 63px;
  border-bottom: 1px solid;
  font-size: 14px;
  position: relative;
@@ -87,7 +88,7 @@
  }
 
  .markdown__paragraph-inline {
- margin: 0;
+ margin: 0 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
@@ -370,7 +371,7 @@
  position: relative;
  text-overflow: ellipsis;
  margin: 2px 0 0;
- height: 22px;
+ height: 27px;
  width: 100%;
  display: flex;
  align-items: flex-start;
@@ -398,6 +399,8 @@
  .header-description__text {
  flex: 1 1 0;
  overflow: hidden;
+ display: flex;
+ flex-direction: column;
  }
 
  .status {

diff --git a/sass/layout/_markdown.scss b/sass/layout/_markdown.scss
@@ -66,6 +66,15 @@ h6 {
  vertical-align: middle;
  }
 
+ .post {
+ &.post--system {
+ .markdown-inline-img {
+ max-width: 200px;
+ width: auto;
+ }
+ }
+ }
+
  .markdown-inline-img--hover {
  max-width: calc(100% - 5px);
  border: 1px solid transparent;