2017-01-16 22:15:07 +01:00
|
|
|
@import "bourbon";
|
2017-06-14 11:14:42 +02:00
|
|
|
@import "converse/variables";
|
2018-02-09 16:33:48 +01:00
|
|
|
#conversejs.converse-embedded {
|
2017-02-03 00:16:15 +01:00
|
|
|
|
|
|
|
@include box-sizing(border-box);
|
|
|
|
*, *:before, *:after {
|
|
|
|
@include box-sizing(border-box);
|
|
|
|
}
|
|
|
|
|
2017-01-16 22:15:07 +01:00
|
|
|
bottom: auto;
|
|
|
|
right: auto;
|
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
2018-04-24 17:31:44 +02:00
|
|
|
height: 100%; // When embedded, it fills the containing element
|
2017-01-16 22:15:07 +01:00
|
|
|
|
2018-04-24 14:46:09 +02:00
|
|
|
.converse-chatboxes {
|
|
|
|
z-index: 1031; // One more than bootstrap navbar
|
|
|
|
position: inherit;
|
|
|
|
bottom: auto;
|
2018-04-24 17:31:44 +02:00
|
|
|
height: 100%;
|
2018-04-24 14:46:09 +02:00
|
|
|
width: 100%;
|
2017-02-13 12:46:28 +01:00
|
|
|
}
|
|
|
|
|
2017-01-16 22:15:07 +01:00
|
|
|
.chatroom {
|
2018-04-24 14:46:09 +02:00
|
|
|
margin: 0;
|
|
|
|
width: 100%;
|
2017-01-16 22:15:07 +01:00
|
|
|
}
|
|
|
|
.chatbox {
|
|
|
|
.box-flyout {
|
|
|
|
box-shadow: none;
|
2018-04-24 17:31:44 +02:00
|
|
|
height: 100%;
|
2017-01-16 22:15:07 +01:00
|
|
|
}
|
|
|
|
.chat-title {
|
|
|
|
padding: 0.3em;
|
2017-02-28 08:32:00 +01:00
|
|
|
font-size: 120%;
|
2017-01-16 22:15:07 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.chatbox-btn {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.chatroom {
|
|
|
|
.box-flyout {
|
|
|
|
min-width: auto;
|
|
|
|
width: 100%;
|
2017-02-03 13:26:14 +01:00
|
|
|
.occupants-heading {
|
2017-02-28 08:32:00 +01:00
|
|
|
font-size: 120%;
|
2017-02-03 13:26:14 +01:00
|
|
|
}
|
2017-02-03 00:16:15 +01:00
|
|
|
.chat-content {
|
2017-02-03 13:26:14 +01:00
|
|
|
.chat-message {
|
|
|
|
margin: 0.5em;
|
|
|
|
font-size: 120%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.sendXMPPMessage {
|
|
|
|
.chat-textarea {
|
|
|
|
padding: 0.5em;
|
|
|
|
font-size: 110%;
|
|
|
|
}
|
2017-02-03 00:16:15 +01:00
|
|
|
}
|
2017-01-16 22:15:07 +01:00
|
|
|
.chatroom-body {
|
2018-04-24 17:31:44 +02:00
|
|
|
height: 100%;
|
2017-01-16 22:15:07 +01:00
|
|
|
.chatroom-form-container {
|
2017-02-03 13:26:14 +01:00
|
|
|
height: 100%;
|
2017-01-16 22:15:07 +01:00
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.occupants {
|
|
|
|
.occupant-list {
|
|
|
|
padding-left: 0.3em;
|
|
|
|
li.occupant {
|
2017-02-03 13:26:14 +01:00
|
|
|
font-size: 120%;
|
2017-01-16 22:15:07 +01:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|