...
 
Commits (1)
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
} }
/* Chat window fits the SIB app size */ /* Chat window fits the SIB app size */
#conversejs.converse-fullscreen.converse-singleton { #conversejs.converse-fullscreen {
box-sizing: border-box; box-sizing: border-box;
bottom: auto; bottom: auto;
height: 100%; height: 100%;
...@@ -105,7 +105,7 @@ ...@@ -105,7 +105,7 @@
width: 100%; width: 100%;
} }
#conversejs.converse-embedded .converse-chatboxes, #conversejs.converse-fullscreen .converse-chatboxes,
#conversejs.converse-fullscreen .converse-chatboxes { #conversejs.converse-fullscreen .converse-chatboxes {
bottom: auto; bottom: auto;
flex-wrap: nowrap; flex-wrap: nowrap;
...@@ -406,8 +406,8 @@ ...@@ -406,8 +406,8 @@
text-decoration: none; text-decoration: none;
} }
#conversejs.converse-embedded.converse-singleton { #conversejs.converse-fullscreen {
/*.chatbox { .chatbox {
margin: 0; margin: 0;
@include make-col-ready(); @include make-col-ready();
...@@ -422,26 +422,26 @@ ...@@ -422,26 +422,26 @@
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
@include make-col(12); @include make-col(12);
} }
}*/ }
} }
#conversejs.converse-embedded.converse-singleton .flyout { #conversejs.converse-fullscreen .flyout {
border: none !important; border: none !important;
} }
#conversejs.converse-embedded.converse-singleton .chat-head { #conversejs.converse-fullscreen .chat-head {
height: var(--fullpage-chat-head-height); height: var(--fullpage-chat-head-height);
padding: 0.5em; padding: 0.5em;
} }
#conversejs.converse-embedded .flyout, #conversejs.converse-fullscreen .flyout,
#conversejs.converse-fullscreen .flyout { #conversejs.converse-fullscreen .flyout {
border-top: none; border-top: none;
bottom: 0; bottom: 0;
border: none !important; border: none !important;
} }
#conversejs.converse-embedded .chatbox, #conversejs.converse-fullscreen .chatbox,
#conversejs.converse-fullscreen .chatbox { #conversejs.converse-fullscreen .chatbox {
width: 100%; width: 100%;
/* à supprimer */ /* à supprimer */
...@@ -460,25 +460,25 @@ ...@@ -460,25 +460,25 @@
}*/ }*/
} }
#conversejs.converse-embedded .chatbox .box-flyout, #conversejs.converse-fullscreen .chatbox .box-flyout,
#conversejs.converse-fullscreen .chatbox .box-flyout { #conversejs.converse-fullscreen .chatbox .box-flyout {
box-shadow: none; box-shadow: none;
overflow: hidden; overflow: hidden;
} }
#conversejs.converse-embedded .chatbox .box-flyout { #conversejs.converse-fullscreen .chatbox .box-flyout {
bottom: 0; bottom: 0;
height: 100%; height: 100%;
min-width: auto; min-width: auto;
width: 100%; width: 100%;
} }
#conversejs.converse-embedded .chatbox .chat-title { #conversejs.converse-fullscreen .chatbox .chat-title {
padding: 0.3em; padding: 0.3em;
font-size: 120%; font-size: 120%;
} }
#conversejs.converse-embedded .chat-textarea { #conversejs.converse-fullscreen .chat-textarea {
max-height: var(--fullpage-max-chat-textarea-height); max-height: var(--fullpage-max-chat-textarea-height);
} }
...@@ -487,32 +487,32 @@ ...@@ -487,32 +487,32 @@
display: none; display: none;
} }
#conversejs.converse-embedded .chatbox, #conversejs.converse-fullscreen .chatbox { #conversejs.converse-fullscreen .chatbox, #conversejs.converse-fullscreen .chatbox {
flex: 0 0 100%; flex: 0 0 100%;
max-width: 100%; max-width: 100%;
} }
#conversejs.converse-embedded .toggle-controlbox, #conversejs.converse-fullscreen .toggle-controlbox,
#conversejs.converse-fullscreen .toggle-controlbox { #conversejs.converse-fullscreen .toggle-controlbox {
display: none; display: none;
} }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chat-topic, #conversejs.converse-fullscreen .chatroom .box-flyout .chatroom-body .chat-topic,
#conversejs .chatroom .box-flyout .chatroom-body .chat-topic { #conversejs .chatroom .box-flyout .chatroom-body .chat-topic {
color: var(--chat-info-color); color: var(--chat-info-color);
} }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chat-info, #conversejs.converse-fullscreen .chatroom .box-flyout .chatroom-body .chat-info,
#conversejs .chatroom .box-flyout .chatroom-body .chat-info { #conversejs .chatroom .box-flyout .chatroom-body .chat-info {
display: none; display: none;
} }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator, #conversejs.converse-fullscreen .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator,
#conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator { #conversejs .chatroom .box-flyout .chatroom-body .chat-area .new-msgs-indicator {
background-color: var(--chat-info-color); background-color: var(--chat-info-color);
} }
#conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form, #conversejs.converse-fullscreen .chatroom .box-flyout .chatroom-body .chatroom-form,
#conversejs .chatroom .box-flyout .chatroom-body .chatroom-form { #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -520,7 +520,7 @@ ...@@ -520,7 +520,7 @@
padding: 2em; padding: 2em;
} }
#conversejs.converse-embedded .chatroom .muc-bottom-panel, #conversejs.converse-fullscreen .chatroom .muc-bottom-panel,
#conversejs .chatroom .muc-bottom-panel { #conversejs .chatroom .muc-bottom-panel {
border-top: var(--message-input-border-top); border-top: var(--message-input-border-top);
height: 3em; height: 3em;
...@@ -531,12 +531,12 @@ ...@@ -531,12 +531,12 @@
color: white; color: white;
} }
#conversejs.converse-embedded .chatroom .sendXMPPMessage .suggestion-box__results--above, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .suggestion-box__results--above,
#conversejs .chatroom .sendXMPPMessage .suggestion-box__results--above { #conversejs .chatroom .sendXMPPMessage .suggestion-box__results--above {
border: 1px solid var(--hd-chat-mention); border: 1px solid var(--hd-chat-mention);
} }
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-toolbar,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar { #conversejs .chatroom .sendXMPPMessage .chat-toolbar {
border-top: 1px solid var(--chat-head-color); border-top: 1px solid var(--chat-head-color);
} }
...@@ -546,26 +546,26 @@ ...@@ -546,26 +546,26 @@
background-color: var(--chatroom-head-color) background-color: var(--chatroom-head-color)
} }
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fa, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-toolbar .fa,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fa:hover, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-toolbar .fa:hover,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fa, #conversejs .chatroom .sendXMPPMessage .chat-toolbar .fa,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fa:hover { #conversejs .chatroom .sendXMPPMessage .chat-toolbar .fa:hover {
color: var(--message-text-color); color: var(--message-text-color);
} }
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-textarea:active, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-textarea:active,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-textarea:focus, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-textarea:focus,
#conversejs .chatroom .sendXMPPMessage .chat-textarea:active, #conversejs .chatroom .sendXMPPMessage .chat-textarea:active,
#conversejs .chatroom .sendXMPPMessage .chat-textarea:focus { #conversejs .chatroom .sendXMPPMessage .chat-textarea:focus {
outline: none; outline: none;
} }
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-textarea.correcting, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-textarea.correcting,
#conversejs .chatroom .sendXMPPMessage .chat-textarea.correcting { #conversejs .chatroom .sendXMPPMessage .chat-textarea.correcting {
background-color: var(--hd-chat-correcting-color); background-color: var(--hd-chat-correcting-color);
} }
#conversejs.converse-embedded .chatroom .box-flyout, #conversejs.converse-fullscreen .chatroom .box-flyout,
#conversejs.converse-fullscreen .chatroom .box-flyout, #conversejs.converse-fullscreen .chatroom .box-flyout,
#conversejs.converse-mobile .chatroom .box-flyout { #conversejs.converse-mobile .chatroom .box-flyout {
background-color: transparent; background-color: transparent;
...@@ -577,7 +577,7 @@ ...@@ -577,7 +577,7 @@
display: none; display: none;
} }
#conversejs.converse-embedded .chatroom .box-flyout .sendXMPPMessage .chat-textarea { #conversejs.converse-fullscreen .chatroom .box-flyout .sendXMPPMessage .chat-textarea {
font-size: var(--font-size); font-size: var(--font-size);
} }
...@@ -605,12 +605,12 @@ ...@@ -605,12 +605,12 @@
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .far:hover, #conversejs .chatroom .sendXMPPMessage .chat-toolbar .far:hover,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fas, #conversejs .chatroom .sendXMPPMessage .chat-toolbar .fas,
#conversejs .chatroom .sendXMPPMessage .chat-toolbar .fas:hover, #conversejs .chatroom .sendXMPPMessage .chat-toolbar .fas:hover,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fa, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-toolbar .fa,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fa:hover, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-toolbar .fa:hover,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .far, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-toolbar .far,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .far:hover, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-toolbar .far:hover,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fas, #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-toolbar .fas,
#conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-toolbar .fas:hover { #conversejs.converse-fullscreen .chatroom .sendXMPPMessage .chat-toolbar .fas:hover {
color: var(--message-text-color); color: var(--message-text-color);
...@@ -761,17 +761,17 @@ ...@@ -761,17 +761,17 @@
z-index: 1030; z-index: 1030;
} }
.converse-embedded .chat-head, .converse-fullscreen .chat-head,
.converse-embedded .occupants, .converse-fullscreen .occupants,
.converse-embedded .toggle-occupants { .converse-fullscreen .toggle-occupants {
display: none !important; display: none !important;
} }
.converse-embedded .chatbox .box-flyout .chat-body { .converse-fullscreen .chatbox .box-flyout .chat-body {
height: 100% !important; height: 100% !important;
} }
.converse-embedded .chat-area { .converse-fullscreen .chat-area {
flex: 0 0 100% !important; flex: 0 0 100% !important;
max-width: 100% !important; max-width: 100% !important;
} }