Briq
/
multiparty-meeting
7
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Added send button to chat and changed some styles

master
Håvar Aambø Fosstveit 2018-10-26 13:10:12 +02:00
parent 15ead03a7d
commit e9e6e7f60d
4 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/lib/components/Chat/Chat.jsx
View File

@ -34,6 +34,11 @@ class Chat extends Component
autoFocus={autofocus}
autoComplete='off'
/>
<input
type='submit'
className='send'
value='Send'
/>
</form>
</div>
);

22
app/stylus/components/Chat.styl
View File

@ -54,21 +54,33 @@
[data-component='Sender'] {
display: flex;
background-color: #fff;
padding: 1rem;
color: #000;
flex-shrink: 0;
border-radius: 5px;
margin-top: 0.5rem;
height: 3rem;
box-shadow: 0vmin 0.3vmin 1vmin 0.2vmin rgba(17,17,17,0.5);
> .new-message {
width: 100%;
width: 80%;
box-shadow: 0vmin 0vmin 1vmin 0vmin rgba(17,17,17,0.5);
border: 0;
color: #000;
font-size: 1rem;
margin-right: 1vmin;
border-radius: 0.5vmin;
padding-left: 1vmin;
color: #000;
&.focus {
outline: none;
}
}
> .send {
width: 20%;
box-shadow: 0vmin 0vmin 1vmin 0vmin rgba(17,17,17,0.5);
border: 0;
background-color: #aef;
color: #000;
font-size: 1rem;
border-radius: 0.5vmin;
}
}

2
app/stylus/components/FileSharing.styl
View File

@ -10,7 +10,7 @@
background: #aef;
padding: 1rem;
border-radius: 1vmin;
box-shadow: 0vmin 0.3vmin 1vmin 0.2vmin rgba(17,17,17,0.5);
box-shadow: 0vmin 0vmin 1vmin 0vmin rgba(17,17,17,0.5);
&.disabled {
cursor: not-allowed;

1
app/stylus/components/Room.styl
View File

@ -195,6 +195,7 @@
outline: none;
padding: 8px 52px 8px 10px;
transition: all 200ms ease;
box-shadow: 0vmin 0vmin 0.2vmin 0vmin rgba(17,17,17,0.5);
}
.Dropdown-control:hover {