diff options
| author | David Rojas Camaggi <drojascamaggi@gmail.com> | 2017-06-06 09:45:36 -0400 |
|---|---|---|
| committer | Harrison Healey <harrisonmhealey@gmail.com> | 2017-06-06 09:45:36 -0400 |
| commit | 46fc47e520efeff328db9b125c5339baac7b88e5 (patch) | |
| tree | 99482c33de3b18dbbb0f0964b67ba0f898afe153 /webapp/sass/layout/_headers.scss | |
| parent | 382ba0b0d18f67d473ad677f9b5151bc5e468e14 (diff) | |
| download | chat-46fc47e520efeff328db9b125c5339baac7b88e5.tar.gz chat-46fc47e520efeff328db9b125c5339baac7b88e5.tar.bz2 chat-46fc47e520efeff328db9b125c5339baac7b88e5.zip | |
PLT 6416 Add StatusDropdown to profile picture in top left (#6327) (#6418)
* PLT-6416 the profile picture is always shown in the top left (#6327)
* PLT-6416 Add status icon to profile picture in left sidebar (#6327)
* PLT-6416 Add StatusDropdown to profile picture in top left (#6327)
* Fixing theme stuff for status picker
* PLT-6416 Automatically close status dropdown after selection (#6327)
* PLT-6416 Avoid render status dropdown in sidebar if isMobile (#6327)
* PLT-6416 Change icon for status change to caret-down (#6327)
* PLT-6416 Update visibility of status dropdown after window size (#6327)
* PLT-6416 Refactor status dropdown for better mouse usability (#6327)
* PLT-6416 Change status dropdown to the redux way (#6327)
* PLT-6416 Fix header style of admin sidebar (#6327)
Diffstat (limited to 'webapp/sass/layout/_headers.scss')
| -rw-r--r-- | webapp/sass/layout/_headers.scss | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/webapp/sass/layout/_headers.scss b/webapp/sass/layout/_headers.scss index cb4512ac1..e31452c9b 100644 --- a/webapp/sass/layout/_headers.scss +++ b/webapp/sass/layout/_headers.scss @@ -259,6 +259,8 @@ .team__header { @include legacy-pie-clearfix; + @include display-flex(); + @include flex-direction(row-reverse); padding: 9px 10px; position: relative; @@ -297,6 +299,7 @@ a { text-decoration: none; + @include flex-grow(1); } .sidebar-header-dropdown, @@ -307,7 +310,6 @@ position: absolute; right: 22px; top: 10px; - z-index: 5; li { width: 100%; @@ -351,16 +353,15 @@ @include border-radius(36px); float: left; height: 36px; - margin-right: 6px; width: 36px; } .header__info { @include clearfix; + @include flex-grow(1); color: $white; - padding-left: 2px; + padding-left: 8px; position: relative; - z-index: 1; } .team__name, |