2d746d2a1e
1. Add a new `view_mode` value: `embedded`. This value is used to determine wether the `converse-muc-embedded` plugin is active or not. 2. Remove the need for the #converse-embedded-chat element. Instead we reuse the #conversejs element and embed inside that. 3. Removed the need to manually blacklist core plugins This is now done automatically if `view_mode` is set to `embedded`. Perhaps eventually we don't blacklist at all and instead use the `enable` plugin method. For some that probably won't work, like `converse-chatview`, which we still need to be active.
67 lines
2.5 KiB
CSS
67 lines
2.5 KiB
CSS
/*
|
|
Color scheme helpers:
|
|
https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
|
|
http://paletton.com/#uid=70a0u0kkNs+b4JOgryLpxqpsbkI
|
|
*/
|
|
#conversejs.converse-embedded {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
bottom: auto;
|
|
right: auto;
|
|
position: relative;
|
|
width: 100%; }
|
|
#conversejs.converse-embedded *, #conversejs.converse-embedded *:before, #conversejs.converse-embedded *:after {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
#conversejs.converse-embedded form.pure-form.converse-centered-form {
|
|
position: absolute;
|
|
top: 30%;
|
|
transform: translateY(-50%); }
|
|
#conversejs.converse-embedded .chatroom {
|
|
width: auto; }
|
|
#conversejs.converse-embedded .flyout {
|
|
bottom: auto;
|
|
display: block;
|
|
position: relative; }
|
|
#conversejs.converse-embedded .chatbox {
|
|
float: none; }
|
|
#conversejs.converse-embedded .chatbox .box-flyout {
|
|
box-shadow: none; }
|
|
#conversejs.converse-embedded .chatbox .chat-title {
|
|
padding: 0.3em;
|
|
font-size: 120%; }
|
|
#conversejs.converse-embedded .chatbox-btn {
|
|
display: none; }
|
|
#conversejs.converse-embedded .chatroom .box-flyout {
|
|
min-width: auto;
|
|
width: 100%;
|
|
height: 55vh; }
|
|
#conversejs.converse-embedded .chatroom .box-flyout .chat-body {
|
|
height: -webkit-calc(100% - 55px);
|
|
height: calc(100% - 55px); }
|
|
#conversejs.converse-embedded .chatroom .box-flyout .occupants-heading {
|
|
font-size: 120%; }
|
|
#conversejs.converse-embedded .chatroom .box-flyout .chat-content {
|
|
height: calc(100% - 97px); }
|
|
#conversejs.converse-embedded .chatroom .box-flyout .chat-content .chat-message {
|
|
margin: 0.5em;
|
|
font-size: 120%; }
|
|
#conversejs.converse-embedded .chatroom .box-flyout .sendXMPPMessage .chat-textarea {
|
|
padding: 0.5em;
|
|
font-size: 110%; }
|
|
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container {
|
|
font-size: 180%;
|
|
float: left;
|
|
height: 100%;
|
|
position: relative; }
|
|
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input {
|
|
font-size: 60%; }
|
|
#conversejs.converse-embedded .chatroom .box-flyout .occupants .occupant-list {
|
|
padding-left: 0.3em; }
|
|
#conversejs.converse-embedded .chatroom .box-flyout .occupants .occupant-list li.occupant {
|
|
font-size: 120%; }
|
|
|
|
/*# sourceMappingURL=converse-muc-embedded.css.map */
|