Commit 93af6f4d authored by JC Brand's avatar JC Brand

In overlayed mode, don't pad followup messages

parent d316445f
...@@ -8450,6 +8450,9 @@ body.reset { ...@@ -8450,6 +8450,9 @@ body.reset {
#conversejs .chatroom-body .message .separator { #conversejs .chatroom-body .message .separator {
border: 0.5px solid #E77051; } border: 0.5px solid #E77051; }
#conversejs.converse-overlayed .message.chat-msg.chat-msg-followup .chat-msg-content {
margin-left: 0; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
#conversejs:not(.converse-embedded) .message.chat-msg .chat-msg-author { #conversejs:not(.converse-embedded) .message.chat-msg .chat-msg-author {
white-space: normal; } } white-space: normal; } }
......
...@@ -8638,6 +8638,9 @@ body { ...@@ -8638,6 +8638,9 @@ body {
#conversejs .chatroom-body .message .separator { #conversejs .chatroom-body .message .separator {
border: 0.5px solid #E77051; } border: 0.5px solid #E77051; }
#conversejs.converse-overlayed .message.chat-msg.chat-msg-followup .chat-msg-content {
margin-left: 0; }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
#conversejs:not(.converse-embedded) .message.chat-msg .chat-msg-author { #conversejs:not(.converse-embedded) .message.chat-msg .chat-msg-author {
white-space: normal; } } white-space: normal; } }
......
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<h1 class="brand-heading">Converse</h1> <h1 class="brand-heading">Converse</h1>
</div> </div>
<div id="conversejs"> <div id="conversejs" class="converse-overlayed">
<div class="converse-chatboxes row no-gutters"> <div class="converse-chatboxes row no-gutters">
<div id="controlbox" class="chatbox"> <div id="controlbox" class="chatbox">
<div class="flyout box-flyout"> <div class="flyout box-flyout">
......
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<h1 class="brand-heading"><i class="icon-conversejs"></i>Converse.js</h1> <h1 class="brand-heading"><i class="icon-conversejs"></i>Converse.js</h1>
</div> </div>
<div id="conversejs"> <div id="conversejs" class="converse-overlayed">
<div class="converse-chatboxes row no-gutters"> <div class="converse-chatboxes row no-gutters">
<div id="controlbox" class="chatbox"> <div id="controlbox" class="chatbox">
<div class="flyout box-flyout"> <div class="flyout box-flyout">
......
...@@ -160,7 +160,6 @@ ...@@ -160,7 +160,6 @@
margin-left: 2.75rem; margin-left: 2.75rem;
} }
} }
} }
} }
...@@ -175,6 +174,18 @@ ...@@ -175,6 +174,18 @@
} }
} }
#conversejs.converse-overlayed {
.message {
&.chat-msg {
&.chat-msg-followup {
.chat-msg-content {
margin-left: 0;
}
}
}
}
}
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
#conversejs:not(.converse-embedded) { #conversejs:not(.converse-embedded) {
.message { .message {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment