PLT-6651 - Overlay issue modal (#6473)

* PLT-6651 - Overlay issue modal

* Fixing mentions badge

webapp/components/channel_switch_modal.jsx

@@ -139,7 +139,7 @@ export default class SwitchChannelModal extends React.Component {
         const message = this.state.error;
         return (
             <Modal
-                dialogClassName='channel-switch-modal'
+                dialogClassName='channel-switch-modal modal--overflow'
                 ref='modal'
                 show={this.props.show}
                 onHide={this.onHide}

webapp/components/notify_counts.jsx

@@ -37,9 +37,9 @@ export default class NotifyCounts extends React.Component {
     }
     render() {
         if (this.state.mentionCount) {
-            return <span className='mention-badge badge-notify'>{this.state.mentionCount}</span>;
+            return <span className='badge badge-notify'>{this.state.mentionCount}</span>;
         } else if (this.state.messageCount) {
-            return <span className='mention-badge badge-notify'>{'•'}</span>;
+            return <span className='badge badge-notify'>{'•'}</span>;
         }
         return null;
     }

webapp/components/sidebar.jsx

@@ -517,7 +517,7 @@ export default class Sidebar extends React.Component {
         var badge = null;
         if (channelMember) {
             if (unreadCount.mentions) {
-                badge = <span className='mention-badge pull-right small'>{unreadCount.mentions}</span>;
+                badge = <span className='badge pull-right small'>{unreadCount.mentions}</span>;
                 this.badgesActive = true;
             }
         } else if (this.state.loadingDMChannel === index && channel.type === Constants.DM_CHANNEL) {

webapp/components/team_sidebar/components/team_button.jsx

@@ -42,7 +42,7 @@ export default class TeamButton extends React.Component {
 
             if (this.props.mentions) {
                 badge = (
-                    <span className='mention-badge pull-right small'>{this.props.mentions}</span>
+                    <span className='badge pull-right small'>{this.props.mentions}</span>
                 );
             }
         }