96 lines
1.3 KiB
SCSS
96 lines
1.3 KiB
SCSS
#text-message-dialog {
|
|
width:500px;
|
|
|
|
.previous-message-sender {
|
|
font-weight:bold;
|
|
margin-right:10px;
|
|
margin-left:-10px;
|
|
color:#ED3618;
|
|
|
|
&:after {
|
|
content:':'
|
|
}
|
|
}
|
|
.previous-messages-scroller {
|
|
height:250px;
|
|
position:relative;
|
|
display:block;
|
|
overflow:auto;
|
|
}
|
|
|
|
.previous-messages {
|
|
padding:10px;
|
|
color:white;
|
|
}
|
|
|
|
.previous-message {
|
|
margin:5px 0;
|
|
}
|
|
|
|
.previous-message-text {
|
|
line-height:18px;
|
|
white-space:pre-line;
|
|
}
|
|
|
|
.previous-message-timestamp {
|
|
margin-top:4px;
|
|
color:#AAA;
|
|
display:block;
|
|
font-size:12px;
|
|
}
|
|
|
|
.text-message-scroller {
|
|
width: 100%;
|
|
height: 4em;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.text-message-box {
|
|
|
|
}
|
|
|
|
#new-text-message {
|
|
width:100%;
|
|
height:40px;
|
|
}
|
|
|
|
.btn-send-text-message {
|
|
text-align:center;
|
|
width:50px;
|
|
}
|
|
|
|
.interaction-blocker {
|
|
display:none;
|
|
position:absolute;
|
|
background-color:#333;
|
|
text-align:center;
|
|
|
|
&.active {
|
|
display:block;
|
|
top:0;
|
|
bottom:40px;
|
|
left:0;
|
|
right:0;
|
|
|
|
opacity:0.5;
|
|
}
|
|
}
|
|
|
|
.disconnected-msg {
|
|
color:white;
|
|
font-size:25px;
|
|
left:0;
|
|
margin:auto;
|
|
position:absolute;
|
|
text-align:center;
|
|
top:30%;
|
|
width:100%;
|
|
display:none;
|
|
|
|
&.active {
|
|
display:inline-block;
|
|
}
|
|
}
|
|
|
|
|
|
} |