diff options
author | Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com> | 2016-05-16 17:06:26 +0500 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-05-16 08:06:26 -0400 |
commit | 0258fcfa5c8da92351371169b66ce30462a34853 (patch) | |
tree | d69803cff43a633202b877738e514867f4424e0c /webapp/sass/layout/_post.scss | |
parent | 565b111234f5566da632533109e1b4f4044e7116 (diff) | |
download | chat-0258fcfa5c8da92351371169b66ce30462a34853.tar.gz chat-0258fcfa5c8da92351371169b66ce30462a34853.tar.bz2 chat-0258fcfa5c8da92351371169b66ce30462a34853.zip |
Adding compact layout (#2991)
* Adding compact layout
* Fixing ESLint error
Diffstat (limited to 'webapp/sass/layout/_post.scss')
-rw-r--r-- | webapp/sass/layout/_post.scss | 76 |
1 files changed, 75 insertions, 1 deletions
diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss index a99c6d57c..bfefd08ee 100644 --- a/webapp/sass/layout/_post.scss +++ b/webapp/sass/layout/_post.scss @@ -417,7 +417,8 @@ body.ios { .post-create-footer { @include clearfix; font-size: 13px; - padding: 3px 0 0 0; + padding: 3px 0 0; + .control-label { font-weight: normal; margin-bottom: 0; @@ -482,6 +483,79 @@ body.ios { background-color: beige; } + &.post--compact { + + .markdown__heading { + font-size: 1em; + margin: 0 0 7px; + } + + .post__body { + background: transparent !important; + margin-top: -1px; + padding: 3px 0; + } + + .post-image__columns { + clear: both; + } + + .post-image__column { + @include border-radius(2px); + font-size: .9em; + height: 26px; + line-height: 25px; + padding: 0 7px; + + .post-image__thumbnail { + display: none; + } + + .post-image__details { + background: transparent; + border: none; + padding: 0; + width: 100%; + + > div { + display: none; + } + } + + .post-image__name { + @include clearfix; + display: block; + margin: 0; + padding-right: 10px; + text-overflow: ellipsis; + white-space: nowrap; + + i { + font-size: .9em; + margin-right: 5px; + opacity: .5; + } + } + + a { + &:hover { + text-decoration: none; + } + } + } + + .post__img { + padding-top: 3px; + width: 28px; + + img, + svg { + height: 20px; + width: 20px; + } + } + } + p { font-size: .97em; line-height: 1.6em; |