Github/safesupport-chatbox
1
0
Fork 1
mirror of https://github.com/nomadic-labs/safesupport-chatbox synced 2024-11-14 22:55:06 +00:00
Code Issues Projects Releases Wiki Activity

add namespace to avoid css collistions

Browse Source
This commit is contained in:
Sharon Kennedy 2020-05-26 09:22:08 -04:00
parent f3e46b62ab
commit ebb06b3377
3 changed files with 93 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/_chat.scss
View File

@ -99,6 +99,7 @@
width: 400px; width: 400px;
max-width: calc(100vw - 10px); max-width: calc(100vw - 10px);
border-bottom: none; border-bottom: none;
margin: 0;
animation-duration: 0.2s; animation-duration: 0.2s;
animation-fill-mode: forwards; animation-fill-mode: forwards;

2
src/components/chatbox.jsx
View File

@ -599,6 +599,7 @@ class ChatBox extends React.Component {
const inputLabel = 'Send a message...' const inputLabel = 'Send a message...'
return ( return (
<div id="safesupport">
<div className="docked-widget" role="complementary"> <div className="docked-widget" role="complementary">
<Transition in={opened} timeout={250} onExited={this.handleWidgetExit} onEntered={this.handleWidgetEnter}> <Transition in={opened} timeout={250} onExited={this.handleWidgetExit} onEntered={this.handleWidgetEnter}>
{(status) => { {(status) => {
@ -697,6 +698,7 @@ class ChatBox extends React.Component {
{showDock && !roomId && <Dock handleToggleOpen={this.handleToggleOpen} />} {showDock && !roomId && <Dock handleToggleOpen={this.handleToggleOpen} />}
{showDock && roomId && <Header handleToggleOpen={this.handleToggleOpen} opened={opened} handleExitChat={this.handleExitChat} />} {showDock && roomId && <Header handleToggleOpen={this.handleToggleOpen} opened={opened} handleExitChat={this.handleExitChat} />}
</div> </div>
</div>
); );
} }
}; };

10
src/components/styles.scss
View File

@ -1,4 +1,6 @@
@import "variables"; #safesupport {
@import "loader"; @import "variables";
@import "chat"; @import "loader";
@import "dark_mode"; @import "chat";
@import "dark_mode";
}