diff --git a/webapp/components/suggestion/switch_channel_provider.jsx b/webapp/components/suggestion/switch_channel_provider.jsx index 534a7e30f5..cb907862a1 100644 --- a/webapp/components/suggestion/switch_channel_provider.jsx +++ b/webapp/components/suggestion/switch_channel_provider.jsx @@ -35,6 +35,8 @@ class SwitchChannelSuggestion extends Suggestion { icon =
; } else if (item.type === Constants.PRIVATE_CHANNEL) { icon =
; + } else { + icon =
; } return ( diff --git a/webapp/components/user_settings/import_theme_modal.jsx b/webapp/components/user_settings/import_theme_modal.jsx index 32c6837e82..7ae057cc42 100644 --- a/webapp/components/user_settings/import_theme_modal.jsx +++ b/webapp/components/user_settings/import_theme_modal.jsx @@ -171,7 +171,7 @@ export default class ImportThemeModal extends React.Component { />

-
+
li { + &:hover { + a { + background: transparent !important; + } + } + } + } + &.display--content { .modal-header { display: none; @@ -802,7 +795,7 @@ @include translate3d(0, 100%, 0); background: alpha-color($black, .9); display: block; - height: calc(100% - 45px); + height: calc(100% - 40px); left: 0; overflow: auto; padding: 1.4em 0 0; @@ -1011,11 +1004,11 @@ padding-bottom: 25px; ul { - clear: both; - background: #ffffff; + background: $white; border-radius: 3px; - top: 5px; + clear: both; position: relative; + top: 5px; li { a { @@ -1031,21 +1024,21 @@ > a { font-size: 15px; - margin: 0; line-height: 2.5; + margin: 0; &:hover, &:focus { - background: transparent; + background: transparent !important; } &.has-close { .btn-close { - width: 40px; - text-align: center; - right: 0; - display: block; @include opacity(.5); + display: block; + right: 0; + text-align: center; + width: 40px; } } } diff --git a/webapp/sass/utils/_variables.scss b/webapp/sass/utils/_variables.scss index ffbcc847e0..85bdd28a3b 100644 --- a/webapp/sass/utils/_variables.scss +++ b/webapp/sass/utils/_variables.scss @@ -6,7 +6,7 @@ $primary-color--hover: darken($primary-color, 10%); $bg--gray: rgb(245, 245, 245); $white: rgb(255, 255, 255); $black: rgb(0, 0, 0); -$red: rgb(229, 101, 101); +$red: rgb(214, 73, 70); $yellow: rgb(255, 255, 0); $light-gray: rgba(0, 0, 0, .15); $gray: rgba(0, 0, 0, .3); diff --git a/webapp/utils/utils.jsx b/webapp/utils/utils.jsx index f37ddd73cc..00b7f53f83 100644 --- a/webapp/utils/utils.jsx +++ b/webapp/utils/utils.jsx @@ -476,6 +476,7 @@ export function applyTheme(theme) { changeCss('.sidebar--left .add-channel-btn:hover, .sidebar--left .add-channel-btn:focus', 'color:' + theme.sidebarText); changeCss('.sidebar--left .status .offline--icon', 'fill:' + theme.sidebarText); changeCss('@media(max-width: 768px){.app__body .modal .settings-modal .settings-table .nav>li>a, .app__body .sidebar--menu .divider', 'border-color:' + changeOpacity(theme.sidebarText, 0.2)); + changeCss('@media(max-width: 768px){.sidebar--left .add-channel-btn:hover, .sidebar--left .add-channel-btn:focus', 'color:' + changeOpacity(theme.sidebarText, 0.6)); } if (theme.sidebarUnreadText) { @@ -484,7 +485,6 @@ export function applyTheme(theme) { if (theme.sidebarTextHoverBg) { changeCss('.sidebar--left .nav-pills__container li>a:hover, .app__body .modal .settings-modal .nav-pills>li:hover a', 'background:' + theme.sidebarTextHoverBg); - changeCss('@media(max-width: 768px){.app__body .modal .settings-modal .settings-table .nav>li:hover a', 'background:' + theme.sidebarTextHoverBg); } if (theme.sidebarTextActiveBorder) {