From f91b9d4a654ff27777580651d853b6372a425af6 Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Wed, 6 Jul 2016 00:46:36 +0500 Subject: PLT-3418, PLT-2950, PLT-3375, PLT-3382, PLT-3446, PLT-3465: Multiple UI Improvements (#3449) Improving help text margins Updating changes for get link and create post files Fixing icon for select team screen Fixing styles for select team button Adding improvements to posts UI Adding improvement to post layout Updating changes for post controls Updating z-index for sidebar--right Updating help text position Fixing code for posts Fixing css for post view Pushing improvements for posts view Updating changes for post view Updating post layout Fixing system time css Updating header for system posts Updating post css Removing opacity and changing color for system messages Simplifying root post and system post behaviour Removing images from compact view Updating help text for display Updating embed preview text for advanced option PLT-3490 - Fixing RHS issue on Edge --- webapp/sass/layout/_post-right.scss | 232 ++++++++++++++++++------------------ 1 file changed, 118 insertions(+), 114 deletions(-) (limited to 'webapp/sass/layout/_post-right.scss') diff --git a/webapp/sass/layout/_post-right.scss b/webapp/sass/layout/_post-right.scss index 1040a324e..f1fe0cac3 100644 --- a/webapp/sass/layout/_post-right.scss +++ b/webapp/sass/layout/_post-right.scss @@ -1,152 +1,156 @@ @charset 'UTF-8'; -.post-right__container { - @include display-flex; - @include flex-direction(column); - height: 100%; - - .post-right-root-message { - padding: 1em 1em 0; - } +.app__body { + .post-right__container { + @include display-flex; + @include flex-direction(column); + height: 100%; + + .post-right-root-message { + padding: 1em 1em 0; + } - .post-right-comments-container { - position: relative; + .post-right-comments-container { + position: relative; - .post { - &:first-child { - padding-top: 15px; + .post { + &:first-child { + padding-top: 15px; + } } } - } - .help_format_text { - bottom: -63px; - right: auto; - } + .help_format_text { + bottom: -63px; + right: auto; + } - .post { - &.post--root { - border-bottom: 1px solid #ddd; - padding-bottom: 1em; + .post { + &.post--root { + border-bottom: 1px solid #ddd; + padding-bottom: 1em; - .post__body { - background: transparent !important; + .post__body { + background: transparent !important; + } } - } - .post__header { - .col__reply { - text-align: right; - top: 0; + .post__header { + .col__reply { + background: transparent !important; + border: none !important; + text-align: right; + top: 0; + } } - } - .post__body { - width: 100%; + .post__body { + width: 100%; + } } - } - hr { - border: none; - margin-bottom: 0; - } + hr { + border: none; + margin-bottom: 0; + } - .post-create__container { - width: 100%; + .post-create__container { + width: 100%; - .textarea-wrapper { - min-height: 100px; - } + .textarea-wrapper { + min-height: 100px; + } - .btn { - margin-bottom: 10px; - } + .btn { + margin-bottom: 10px; + } - .custom-textarea { - min-height: 100px; - } + .custom-textarea { + min-height: 100px; + } - .msg-typing { - @include opacity(.7); - display: block; - float: left; - font-size: 13px; - height: 20px; - line-height: 20px; - margin-top: 3px; - max-width: 230px; - min-width: 1px; - } + .msg-typing { + @include opacity(.7); + display: block; + float: left; + font-size: 13px; + height: 20px; + line-height: 20px; + margin-top: 3px; + max-width: 230px; + min-width: 1px; + } - .post-create-footer { - padding: 5px 0 10px; - width: 100%; - } + .post-create-footer { + padding: 5px 0 10px; + width: 100%; + } - .post-right-comments-upload-in-progress { - color: #a8adb7; - margin-right: 10px; - padding: 6px 0; + .post-right-comments-upload-in-progress { + color: #a8adb7; + margin-right: 10px; + padding: 6px 0; + } } } -} -.post-right-header { - border-bottom: $border-gray; - color: #999; - font-size: 1em; - font-weight: 400; - height: 39px; - padding: 10px 10px 0 15px; - text-transform: uppercase; -} + .post-right-header { + border-bottom: $border-gray; + color: #999; + font-size: 1em; + font-weight: 400; + height: 39px; + padding: 10px 10px 0 15px; + text-transform: uppercase; + } -.post-right-root-container { - border-bottom: $border-gray; - padding: 5px 10px; + .post-right-root-container { + border-bottom: $border-gray; + padding: 5px 10px; - ul { - margin-bottom: 2px; - padding-left: 0; + ul { + margin-bottom: 2px; + padding-left: 0; + } } -} -.post-right-channel__name { - font-weight: 600; - margin: 0 0 15px; -} + .post-right-channel__name { + font-weight: 600; + margin: 0 0 15px; + } -.post-right-root-container li { - display: inline; - list-style-type: none; - padding-right: 3px; -} + .post-right-root-container li { + display: inline; + list-style-type: none; + padding-right: 3px; + } -.post-right-root-time { - color: #a8adb7; -} + .post-right-root-time { + color: #a8adb7; + } -.post-right-create-comment-container { - bottom: 0; - left: 0; - margin-bottom: 18px; - padding: 5px; - position: absolute; - width: 100%; -} + .post-right-create-comment-container { + bottom: 0; + left: 0; + margin-bottom: 18px; + padding: 5px; + position: absolute; + width: 100%; + } -.post-right__scroll { - @include flex(1 1 auto); - -webkit-overflow-scrolling: touch; - overflow: auto; - position: relative; + .post-right__scroll { + @include flex(1 1 auto); + -webkit-overflow-scrolling: touch; + overflow: auto; + position: relative; - .file-preview__container { - margin-top: 5px; + .file-preview__container { + margin-top: 5px; + } } -} -.post-right-comment-time { - color: #a8adb7; + .post-right-comment-time { + color: #a8adb7; + } } -- cgit v1.2.3-1-g7c22