diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-03-27 18:16:08 +0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2017-03-27 09:16:08 -0400 |
commit | 84dc60a640bbfb3b670a65f1c9ea6ce35ad1b5cc (patch) | |
tree | f9a62a141ec80bdd4eb34904f40854865ba99684 /webapp/sass/layout | |
parent | b489a5bb017b835d453b0ab7de57a27afb65a03c (diff) | |
download | chat-84dc60a640bbfb3b670a65f1c9ea6ce35ad1b5cc.tar.gz chat-84dc60a640bbfb3b670a65f1c9ea6ce35ad1b5cc.tar.bz2 chat-84dc60a640bbfb3b670a65f1c9ea6ce35ad1b5cc.zip |
PLT-5868 - Redesigning compact view (#5821)
* PLT-5868 - Redesigning compact view
* Improvements to compact view
* Updating compact view
* Updating webhook styles
Diffstat (limited to 'webapp/sass/layout')
-rw-r--r-- | webapp/sass/layout/_post.scss | 30 | ||||
-rw-r--r-- | webapp/sass/layout/_webhooks.scss | 10 |
2 files changed, 32 insertions, 8 deletions
diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss index 892eea860..85f5b2a5a 100644 --- a/webapp/sass/layout/_post.scss +++ b/webapp/sass/layout/_post.scss @@ -677,6 +677,18 @@ .status { visibility: hidden; } + + > div { + margin-bottom: 0; + } + } + + &.same--root { + &.same--user { + .post__header { + height: 0; + } + } } .post__img { @@ -728,19 +740,20 @@ } .markdown__heading { - clear: both; - margin: 7px 0; + font-size: 1em; + margin: 0; } .post__header { height: 22px; + margin-bottom: 0; } .post__body { background: transparent !important; - line-height: 1.6; + line-height: 1.5; margin-top: -1px; - padding: 3px 0; + padding: 3px 0 0; .img-div { max-height: 150px; @@ -761,6 +774,14 @@ clear: both; padding-left: 20px; } + + div { + margin-bottom: 0; + } + + .post-image__column { + margin: 3px 0; + } } .post-image__column { @@ -853,6 +874,7 @@ line-height: 1.6em; margin: 0; white-space: pre-wrap; + width: 100%; word-break: break-word; } diff --git a/webapp/sass/layout/_webhooks.scss b/webapp/sass/layout/_webhooks.scss index 79072375f..57b8beaee 100644 --- a/webapp/sass/layout/_webhooks.scss +++ b/webapp/sass/layout/_webhooks.scss @@ -74,12 +74,13 @@ } &.attachment__container--opengraph { - padding-left: 5px; - border-left-style: none; border-left-color: transparent; + border-left-style: none; display: table; margin: 0; padding-bottom: 13px; + padding-left: 5px; + table-layout: fixed; width: 100%; div { @@ -125,9 +126,10 @@ .attachment__image__container--openraph { display: table-cell; - vertical-align: top; - padding-top: 3px; padding-left: 15px; + padding-top: 3px; + vertical-align: top; + width: 95px; } .attachment__image { |