xmpp.chapril.org-conversejs/sass/_muc_embedded.scss

91 lines
2.1 KiB
SCSS
Raw Normal View History

2017-01-16 22:15:07 +01:00
@import "bourbon";
@import "converse/variables";
#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%;
form {
&.pure-form.converse-centered-form {
position: absolute;
top: 30%;
transform: translateY(-50%);
}
}
2017-01-16 22:15:07 +01:00
.chatroom {
width: auto;
}
.flyout {
bottom: auto;
display: block;
position: relative;
}
.chatbox {
float: none;
.box-flyout {
box-shadow: none;
}
.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%;
height: 55vh;
2017-01-16 22:15:07 +01:00
.chat-body {
@include calc(height, '100% - #{$chat-head-height}');
}
.occupants-heading {
2017-02-28 08:32:00 +01:00
font-size: 120%;
}
2017-02-03 00:16:15 +01:00
.chat-content {
height: calc(100% - #{$toolbar-height + $chat-textarea-height +2px});
.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 {
.chatroom-form-container {
font-size: 180%;
float: left;
height: 100%;
2017-01-16 22:15:07 +01:00
position: relative;
input {
font-size: 60%;
}
2017-01-16 22:15:07 +01:00
}
}
.occupants {
.occupant-list {
padding-left: 0.3em;
li.occupant {
font-size: 120%;
2017-01-16 22:15:07 +01:00
}
}
}
}
}
}