2018-01-25 12:14:20 +01:00
|
|
|
#conversejs.fullscreen {
|
|
|
|
|
2017-06-13 21:07:42 +02:00
|
|
|
.chat-head-chatroom {
|
|
|
|
height: $chatroom-head-height;
|
|
|
|
font-size: 20px;
|
2017-07-19 08:30:04 +02:00
|
|
|
.chat-title {
|
|
|
|
.chatroom-description {
|
|
|
|
font-size: 65%;
|
|
|
|
}
|
2017-06-13 21:07:42 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.chatroom {
|
|
|
|
.box-flyout {
|
|
|
|
background-color: $chatroom-head-color;
|
2017-06-17 23:48:46 +02:00
|
|
|
border: $flyout-padding solid $chatroom-head-color;
|
2017-06-13 21:07:42 +02:00
|
|
|
border-top: 0.8em solid $chatroom-head-color;
|
2018-01-25 12:14:20 +01:00
|
|
|
width: 100%;
|
|
|
|
|
2017-06-13 21:07:42 +02:00
|
|
|
.chatroom-body {
|
|
|
|
@include border-top-radius($chatbox-border-radius);
|
2017-07-05 12:35:47 +02:00
|
|
|
.chatroom-form-container {
|
|
|
|
border-radius: $chatbox-border-radius;
|
|
|
|
}
|
2017-06-13 21:07:42 +02:00
|
|
|
.chat-area {
|
|
|
|
border-top-left-radius: $chatbox-border-radius;
|
|
|
|
min-width: auto;
|
2018-01-25 12:14:20 +01:00
|
|
|
|
2017-06-13 21:07:42 +02:00
|
|
|
.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;
|
|
|
|
}
|
|
|
|
ul {
|
|
|
|
&.occupant-list {
|
|
|
|
li {
|
|
|
|
font-size: $font-size-small;
|
2017-06-14 11:14:42 +02:00
|
|
|
}
|
|
|
|
}
|
2017-06-13 21:07:42 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.room-invite {
|
|
|
|
span {
|
|
|
|
.invited-contact {
|
|
|
|
margin: 0 0 0.5em -1px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|