1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889 |
- @import "bourbon";
- @import "converse/variables";
- #conversejs.converse-embedded {
- @include box-sizing(border-box);
- *, *:before, *:after {
- @include box-sizing(border-box);
- }
- bottom: auto;
- right: auto;
- position: relative;
- width: 100%;
- form {
- &.converse-centered-form {
- position: absolute;
- top: 30%;
- transform: translateY(-50%);
- }
- }
- .chatroom {
- width: auto;
- }
- .flyout {
- bottom: auto;
- display: block;
- position: relative;
- }
- .chatbox {
- float: none;
- .box-flyout {
- box-shadow: none;
- }
- .chat-title {
- padding: 0.3em;
- font-size: 120%;
- }
- }
- .chatbox-btn {
- display: none;
- }
- .chatroom {
- .box-flyout {
- min-width: auto;
- width: 100%;
- height: 55vh;
- .chat-body {
- @include calc(height, '100% - #{$chat-head-height}');
- }
- .occupants-heading {
- font-size: 120%;
- }
- .chat-content {
- .chat-message {
- margin: 0.5em;
- font-size: 120%;
- }
- }
- .sendXMPPMessage {
- .chat-textarea {
- padding: 0.5em;
- font-size: 110%;
- }
- }
- .chatroom-body {
- .chatroom-form-container {
- font-size: 180%;
- float: left;
- height: 100%;
- position: relative;
- input {
- font-size: 60%;
- }
- }
- }
- .occupants {
- .occupant-list {
- padding-left: 0.3em;
- li.occupant {
- font-size: 120%;
- }
- }
- }
- }
- }
- }
|