diff options
| author | Asaad Mahmood <asaadmahmoodspin@users.noreply.github.com> | 2016-06-30 05:04:37 +0500 |
|---|---|---|
| committer | Corey Hulen <corey@hulen.com> | 2016-06-29 16:04:37 -0800 |
| commit | 1f9eb4db6ab4328e44c8587105eb005890052078 (patch) | |
| tree | cc649a09b0684af5ea05ecb8dc609595cf662ac4 /webapp/sass/responsive | |
| parent | b97b3ae6179bc15ec23e0697b08cdcbdf53e4ffc (diff) | |
| download | chat-1f9eb4db6ab4328e44c8587105eb005890052078.tar.gz chat-1f9eb4db6ab4328e44c8587105eb005890052078.tar.bz2 chat-1f9eb4db6ab4328e44c8587105eb005890052078.zip | |
Adding expand icon for RHS (#3386)
* Adding expand icon for RHS
Fixing errors
Adding back getTeamInviteLink with better functionality for mobile
Adding vertical align to post__link
Updating improvements for expand RHS stuff
* Improving transition on mobile
* Removing irrelevant changes
Diffstat (limited to 'webapp/sass/responsive')
| -rw-r--r-- | webapp/sass/responsive/_mobile.scss | 23 | ||||
| -rw-r--r-- | webapp/sass/responsive/_tablet.scss | 29 |
2 files changed, 45 insertions, 7 deletions
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 78bd8580d..884c69d74 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -314,15 +314,15 @@ } } - .row--invite { - .col-sm-6 { - &:first-child { - padding-right: 15px; + .app__body { + .row--invite { + .col-sm-6 { + &:first-child { + padding-right: 15px; + } } } - } - .app__body { .modal { .info__label { padding-bottom: 5px; @@ -590,8 +590,17 @@ .navbar-brand { white-space: nowrap; + } + + .status { + margin: 0 5px 0 3px; + top: 2px; + width: 16px; - @import "../components/status-icon"; + svg { + max-height: 20px; + width: 16px; + } } } } diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss index 44a7be2ac..69443aafc 100644 --- a/webapp/sass/responsive/_tablet.scss +++ b/webapp/sass/responsive/_tablet.scss @@ -75,6 +75,34 @@ &.move--left { @include translateX(0); } + + &.sidebar--right--expanded { + width: calc(100% - 280px); + + .sidebar--right__bg { + background-color: alpha-color($black, .4); + visibility: visible; + } + + .search-bar__container { + padding-left: 10px; + } + + .sidebar-right-container { + position: relative; + z-index: 5; + } + + .sidebar--right__expand { + .fa-expand { + display: none; + } + + .fa-compress { + display: inline-block; + } + } + } } .inner-wrap { @@ -90,6 +118,7 @@ .post__link { margin: 4px 0 7px; + vertical-align: bottom; } .post__time { |