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