76 lines
2.4 KiB
SCSS
76 lines
2.4 KiB
SCSS
|
#conversejs {
|
||
|
|
.chat-head-chatroom {
|
||
|
|
height: $chatroom-head-height;
|
||
|
|
font-size: 20px;
|
||
|
|
|
||
|
|
.chatroom-description {
|
||
|
|
font-size: 66%;
|
||
|
|
margin-top: 3px;
|
||
|
|
margin-top: 0.5em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.chatroom {
|
||
|
|
@include calc(width, '100% - #{$controlbox-width}');
|
||
|
|
.box-flyout {
|
||
|
|
background-color: $chatroom-head-color;
|
||
|
|
border: 1em solid $chatroom-head-color;
|
||
|
|
border-top: 0.8em solid $chatroom-head-color;
|
||
|
|
@include calc(width, '100% - #{$controlbox-width}');
|
||
|
|
.chatroom-body {
|
||
|
|
@include border-top-radius($chatbox-border-radius);
|
||
|
|
.chat-area {
|
||
|
|
border-top-left-radius: $chatbox-border-radius;
|
||
|
|
min-width: auto;
|
||
|
|
.chat-content {
|
||
|
|
border-top-left-radius: $chatbox-border-radius;
|
||
|
|
padding: 0 $padding $padding $padding;
|
||
|
|
}
|
||
|
|
&.full {
|
||
|
|
max-width: 100%;
|
||
|
|
.new-msgs-indicator {
|
||
|
|
max-width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.occupants {
|
||
|
|
border-top-right-radius: $chatbox-border-radius;;
|
||
|
|
padding: $padding;
|
||
|
|
.occupants-heading {
|
||
|
|
font-size: $font-size-large;
|
||
|
|
}
|
||
|
|
.chatroom-features {
|
||
|
|
bottom: $padding;
|
||
|
|
width: 25%;
|
||
|
|
@include calc(width, '30% - 2em');
|
||
|
|
}
|
||
|
|
.awesomplete {
|
||
|
|
ul {
|
||
|
|
padding: 0.5em;
|
||
|
|
li {
|
||
|
|
padding: 0.3em 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
ul {
|
||
|
|
&.occupant-list {
|
||
|
|
@include calc(height, '100% - 212px');
|
||
|
|
li {
|
||
|
|
font-size: $font-size-small;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.room-invite {
|
||
|
|
span {
|
||
|
|
.invited-contact {
|
||
|
|
margin: 0 0 0.5em -1px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|