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} autoFocus={autofocus}
autoComplete='off' autoComplete='off'
/> />
<input
type='submit'
className='send'
value='Send'
/>
</form> </form>
</div> </div>
); );

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

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

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

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