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

Style changes

master
Håvar Aambø Fosstveit 2018-10-26 11:51:02 +02:00
parent d564ff0be7
commit 15ead03a7d
5 changed files with 82 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -53,17 +53,18 @@
[data-component='Sender'] { [data-component='Sender'] {
display: flex; display: flex;
background-color: rgba(0, 0, 0, 0.1); background-color: #fff;
padding: 1rem; padding: 1rem;
flex-shrink: 0; flex-shrink: 0;
border-radius: 5px; 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: 100%;
border: 0; border: 0;
color: #FFF; color: #000;
font-size: 1rem; font-size: 1rem;
&.focus { &.focus {

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

@ -7,11 +7,10 @@
> .share-file { > .share-file {
cursor: pointer; cursor: pointer;
width: 100%; width: 100%;
background: #252525; background: #aef;
border: 1px solid #151515;
padding: 1rem; padding: 1rem;
border-bottom: 5px solid #151515; border-radius: 1vmin;
border-radius: 3px 3px 0 0; box-shadow: 0vmin 0.3vmin 1vmin 0.2vmin rgba(17,17,17,0.5);
&.disabled { &.disabled {
cursor: not-allowed; cursor: not-allowed;

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

@ -4,6 +4,7 @@
> .list { > .list {
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), \ box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), \
0 4px 20px 0 rgba(0,0,0,0.19); 0 4px 20px 0 rgba(0,0,0,0.19);
background-color: #fff;
> .list-item { > .list-item {
padding: 0.5rem; padding: 0.5rem;

10
app/stylus/components/ToolArea.styl
View File

@ -153,13 +153,13 @@
[data-component='ToolArea'] { [data-component='ToolArea'] {
width: 100%; width: 100%;
height: 100%; height: 100%;
color: #fff; color: #000;
position: fixed; position: fixed;
width: 0; width: 0;
top: 0; top: 0;
right: 0; right: 0;
height: 100%; height: 100%;
background: rgba(50, 50, 50, 0.9); background: #fff;
transition: width 0.3s; transition: width 0.3s;
z-index: 1010; z-index: 1010;
display: flex; display: flex;
@ -168,7 +168,7 @@
> .tab-headers { > .tab-headers {
display: flex; display: flex;
background: rgba(0, 0, 0, 0.1); background: #ddd;
flex-shrink: 0; flex-shrink: 0;
> .tab-header { > .tab-header {
@ -179,7 +179,9 @@
text-align: center; text-align: center;
&.checked { &.checked {
background: rgba(0, 0, 0, 0.3); background: #fff;
border-radius: 1vmin 1vmin 0vmin 0vmin;
box-shadow: 0.5vmin 0vmin 1vmin -0.5vmin #aaa;
} }
> .badge { > .badge {