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

Merge develop and remove comments

Browse Source
This commit is contained in:
Torjus
2018-07-18 14:35:55 +02:00
parent 89465e71f9
commit a1fad12b5c
20 changed files with 161 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/stylus/components/Chat.styl
+8 -9
View File
@@ -61,7 +61,7 @@
}
[data-component='MessageList'] {
background-color: rgba(#fff, 0.9);
background-color: rgba(#000, 0.1);
height: 91vmin;
overflow-y: scroll;
padding-top: 5px;
@@ -71,34 +71,33 @@
margin: 5px;
display: flex;
word-wrap: break-word;
color: rgba(#000, 1.0)
> .client {
margin-left: auto;
}
> .client, > .response {
background-color: rgba(#fff, 0.9);
background-color: rgba(#000, 0.1);
border-radius: 5px;
max-width: 215px;
display: flex;
align-items: center;
padding: 6px;
> .message-avatar {
height: 2rem;
}
> .message-content {
padding: 6px;
padding-left: 6px;
> .message-text {
font-size: 1.3vmin;
color: rgba(#000, 1.0);
}
> .message-time {
font-size: 1vmin;
color: rgba(#777, 1.0);
opacity: 0.8;
}
}
}
@@ -108,7 +107,7 @@
[data-component='Sender'] {
align-items: center;
display: flex;
background-color: rgba(#fff, 0.9);
background-color: rgba(#000, 0.1);
height: 6vmin;
padding: 0.5vmin;
border-radius: 0 0 5px 5px;
@@ -117,8 +116,8 @@
width: 100%;
border: 0;
border-radius: 5px;
background-color: rgba(#fff, 0.9);
color: #000;
background-color: rgba(#000, 0.1);
color: #fff;
height: 30px;
padding-left: 10px;
font-size: 1.4vmin;
app/stylus/components/Me.styl
+1 -4
View File
@@ -27,14 +27,11 @@
justify-content: flex-start;
align-items: center;
padding: 0.4vmin;
visibility: hidden;
opacity: 0;
animation: fade-out 0.3s;
transition: opacity 0.3s;
&.visible {
visibility: visible;
opacity: 1;
animation: fade-in 0.3s;
}
> .button {
app/stylus/components/ParticipantList.styl
+2 -2
View File
@@ -120,8 +120,8 @@
font-size: 1.4vmin;
border: none;
display: flex;
padding: 0.6vmin;
padding: 1vmin;
flex-grow: 1;
align-items: center;
}
}
}
app/stylus/components/Peer.styl
+2 -5
View File
@@ -41,14 +41,11 @@
justify-content: flex-start;
align-items: center;
padding: 0.4vmin;
visibility: hidden;
opacity: 0;
animation: fade-out 0.3s;
transition: opacity 0.3s;
&.visible {
visibility: visible;
opacity: 1;
animation: fade-in 0.3s;
}
> .button {
app/stylus/components/Room.styl
+1 -1
View File
@@ -271,7 +271,7 @@
right: 0;
width: 20%;
height: 100%;
background-color: #FFF;
background-color: rgba(0,0,0,0.1);
transition: width 0.3s;
}
}
app/stylus/components/ToolArea.styl
+5 -3
View File
@@ -73,6 +73,7 @@
[data-component='ToolArea'] {
width: 100%;
height: 100%;
color: #fff;
> .tabs {
display: flex;
@@ -84,7 +85,7 @@
display: block;
padding: 1vmin 0 0.8vmin 0;
cursor: pointer;
background: rgba(#000, 0.3);
background: rgba(0,0,0,0.3);
font-weight: bold;
transition: background ease 0.2s;
text-align: center;
@@ -111,7 +112,7 @@
height: 100%;
display: none;
padding: 1vmin;
background: #fff;
background: rgba(0,0,0,0.1);
}
> input[type="radio"] {
@@ -119,11 +120,12 @@
}
> input[type="radio"]:checked + label {
background: #fff;
background: rgba(0,0,0,0.1);
}
> input[type="radio"]:checked + label + .tab {
display: block;
background: rgba(0,0,0,0.1);
}
}
}