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/utils | |
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/utils')
-rw-r--r-- | webapp/utils/utils.jsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/webapp/utils/utils.jsx b/webapp/utils/utils.jsx index 2b685a793..09875fe02 100644 --- a/webapp/utils/utils.jsx +++ b/webapp/utils/utils.jsx @@ -533,7 +533,7 @@ export function applyTheme(theme) { } if (theme.sidebarHeaderBg) { - changeCss('.sidebar--left .team__header, .app__body .sidebar--menu .team__header, .app__body .post-list__timestamp > div', 'background:' + theme.sidebarHeaderBg); + changeCss('.app__body .status-wrapper .status_dropdown__toggle .status, .sidebar--left .team__header, .app__body .sidebar--menu .team__header, .app__body .post-list__timestamp > div', 'background:' + theme.sidebarHeaderBg); changeCss('.app__body .modal .modal-header', 'background:' + theme.sidebarHeaderBg); changeCss('.app__body .multi-teams .team-sidebar, .app__body #navbar .navbar-default', 'background:' + theme.sidebarHeaderBg); changeCss('@media(max-width: 768px){.app__body .search-bar__container', 'background:' + theme.sidebarHeaderBg); @@ -541,8 +541,8 @@ export function applyTheme(theme) { } if (theme.sidebarHeaderTextColor) { - changeCss('.multi-teams .team-sidebar .team-wrapper .team-container .team-btn, .sidebar--left .team__header .header__info, .app__body .sidebar--menu .team__header .header__info, .app__body .post-list__timestamp > div', 'color:' + theme.sidebarHeaderTextColor); - changeCss('.app__body .sidebar-header-dropdown__icon svg', 'fill:' + theme.sidebarHeaderTextColor); + changeCss('.app__body .status-wrapper .status_dropdown__toggle .status-edit, .multi-teams .team-sidebar .team-wrapper .team-container .team-btn, .sidebar--left .team__header .header__info, .app__body .sidebar--menu .team__header .header__info, .app__body .post-list__timestamp > div', 'color:' + theme.sidebarHeaderTextColor); + changeCss('.app__body .sidebar--left .status-wrapper .status_dropdown__toggle .offline--icon, .app__body .sidebar-header-dropdown__icon svg', 'fill:' + theme.sidebarHeaderTextColor); changeCss('.sidebar--left .team__header .user__name, .app__body .sidebar--menu .team__header .user__name', 'color:' + changeOpacity(theme.sidebarHeaderTextColor, 0.8)); changeCss('.sidebar--left .team__header:hover .user__name, .app__body .sidebar--menu .team__header:hover .user__name', 'color:' + theme.sidebarHeaderTextColor); changeCss('.app__body .modal .modal-header .modal-title, .app__body .modal .modal-header .modal-title .name, .app__body .modal .modal-header button.close', 'color:' + theme.sidebarHeaderTextColor); @@ -667,6 +667,7 @@ export function applyTheme(theme) { } changeCss('body', 'scrollbar-arrow-color:' + theme.centerChannelColor); changeCss('.app__body .post-create__container .post-create-body .btn-file svg, .app__body .post.post--compact .post-image__column .post-image__details svg, .app__body .modal .about-modal .about-modal__logo svg, .app__body .post .post__img svg', 'fill:' + theme.centerChannelColor); + changeCss('.sidebar--left .status .offline--icon', 'fill:' + theme.centerChannelColor); changeCss('.app__body .scrollbar--horizontal, .app__body .scrollbar--vertical', 'background:' + changeOpacity(theme.centerChannelColor, 0.5)); changeCss('.app__body .post-list__new-messages-below', 'background:' + changeColor(theme.centerChannelColor, 0.5)); changeCss('.app__body .post.post--comment .post__body', 'border-color:' + changeOpacity(theme.centerChannelColor, 0.2)); |