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

81 lines
1.8 KiB
SCSS
Raw Normal View History

2017-01-16 22:15:07 +01:00
@import "bourbon";
#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;
height: 100%; // When embedded, it fills the containing element
2017-01-16 22:15:07 +01:00
position: relative;
right: auto;
2017-01-16 22:15:07 +01:00
width: 100%;
.converse-chatboxes {
z-index: 1031; // One more than bootstrap navbar
position: inherit;
bottom: auto;
height: 100%;
width: 100%;
}
.chatbox {
margin: 0;
height: 100%;
width: 100%;
.flyout.box-flyout {
bottom: 0;
2017-01-16 22:15:07 +01:00
box-shadow: none;
height: 100%;
min-width: auto;
width: 100%;
2017-01-16 22:15:07 +01:00
}
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 {
margin: 0;
width: 100%;
2017-01-16 22:15:07 +01:00
.box-flyout {
.occupants-heading {
2017-02-28 08:32:00 +01:00
font-size: 120%;
}
2017-02-03 00:16:15 +01:00
.chat-content {
.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 {
height: 100%;
2017-01-16 22:15:07 +01:00
.chatroom-form-container {
height: 100%;
2017-01-16 22:15:07 +01:00
position: relative;
}
}
.occupants {
.occupant-list {
padding-left: 0.3em;
li.occupant {
font-size: 120%;
2017-01-16 22:15:07 +01:00
}
}
}
}
}
}