diff options
author | Asaad Mahmood <asaadmahmood@users.noreply.github.com> | 2017-08-04 20:45:59 +0500 |
---|---|---|
committer | Saturnino Abril <saturnino.abril@gmail.com> | 2017-08-04 23:45:59 +0800 |
commit | a5f1a77fa539763635a669162f81dfbb70ccee5b (patch) | |
tree | e3e909cf6d455707f965c6fea812a467a296dd6f /webapp/sass/layout/_headers.scss | |
parent | fac865bf6571a36859d53a0073d2f914dc769c20 (diff) | |
download | chat-a5f1a77fa539763635a669162f81dfbb70ccee5b.tar.gz chat-a5f1a77fa539763635a669162f81dfbb70ccee5b.tar.bz2 chat-a5f1a77fa539763635a669162f81dfbb70ccee5b.zip |
Ui improvements (#7092)
* PLT-7121 - Making channel header text dynamic
* PLT-7268 - Fixing search results in compact view
* PLT-7248 - Adjusting space between post controls
* PLT-7303 - Fixing manage members button
* Revert "PLT-7303 - Fixing manage members button"
This reverts commit 7dcb68a8e333a2c95444d417ed9a244c9c30aa99.
Diffstat (limited to 'webapp/sass/layout/_headers.scss')
-rw-r--r-- | webapp/sass/layout/_headers.scss | 80 |
1 files changed, 22 insertions, 58 deletions
diff --git a/webapp/sass/layout/_headers.scss b/webapp/sass/layout/_headers.scss index 44b8ab4f0..0a836eafd 100644 --- a/webapp/sass/layout/_headers.scss +++ b/webapp/sass/layout/_headers.scss @@ -8,6 +8,24 @@ width: 100%; z-index: 9; + .flex-parent { + display: flex; + } + + .flex-child { + &:first-child { + flex: 1; + min-width: 0; + padding-left: 20px; + } + + .markdown__paragraph-inline { + overflow: hidden; + text-overflow: ellipsis; + width: calc(100% - 50px); + } + } + .channel-header__icon { @include border-radius(50%); border: 1px solid; @@ -89,55 +107,16 @@ } } - th { - text-align: center; - - &:first-child { - border-left: none; - padding: 0 0 0 20px; - text-align: left !important; - width: 100%; - } - - &:last-child { - .channel-header__icon { - margin-right: 17px; - } - } - } - - td { - font-size: 13px; - padding: 5px 25px 5px !important; - text-align: center !important; - - &:first-child { - text-align: left !important; - } - } - .heading { display: inline-block; font-size: 17px; font-weight: 400; margin: 0 4px 0 0; - max-width: calc(100vw - 780px); + max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; - - .move--left & { - max-width: calc(100vw - 850px); - - .multi-teams & { - max-width: calc(100vw - 905px); - } - } - - .multi-teams & { - max-width: calc(100vw - 850px); - } } .caret { @@ -177,6 +156,7 @@ .channel-header__info { margin-top: 12px; + white-space: nowrap; .channel-header__title { .header-dropdown__icon { @@ -186,6 +166,7 @@ > a { display: inline-block; text-decoration: none; + width: calc(100% - 65px); } .modal { @@ -194,27 +175,18 @@ } .channel-header__description { - display: inline-block; height: 35px; - margin-top: -10px; - max-width: calc(100vw - 740px); overflow: hidden; padding: 3px 0 0; position: relative; text-overflow: ellipsis; - top: 10px; - white-space: pre; - word-break: break-word; + width: calc(100% - 18px); .markdown__heading { font-size: 1em; margin: 0; } - .multi-teams & { - max-width: calc(100vw - 810px); - } - &.light { @include opacity(.6); color: inherit; @@ -225,14 +197,6 @@ } } - .move--left & { - max-width: calc(100vw - 810px); - - .multi-teams & { - max-width: calc(100vw - 860px); - } - } - .markdown-inline-img { max-height: 45px; } |