Procházet zdrojové kódy

In overlayed mode, don't pad followup messages

JC Brand před 7 roky
rodič
revize
93af6f4d0d
5 změnil soubory, kde provedl 20 přidání a 3 odebrání
  1. 3 0
      css/converse.css
  2. 3 0
      css/inverse.css
  3. 1 1
      mockup/overlayed-login.html
  4. 1 1
      mockup/overlayed.html
  5. 12 1
      sass/_messages.scss

+ 3 - 0
css/converse.css

@@ -8450,6 +8450,9 @@ body.reset {
 #conversejs .chatroom-body .message .separator {
   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) {
   #conversejs:not(.converse-embedded) .message.chat-msg .chat-msg-author {
     white-space: normal; } }

+ 3 - 0
css/inverse.css

@@ -8638,6 +8638,9 @@ body {
 #conversejs .chatroom-body .message .separator {
   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) {
   #conversejs:not(.converse-embedded) .message.chat-msg .chat-msg-author {
     white-space: normal; } }

+ 1 - 1
mockup/overlayed-login.html

@@ -14,7 +14,7 @@
         <h1 class="brand-heading">Converse</h1>
     </div>
 
-    <div id="conversejs">
+    <div id="conversejs" class="converse-overlayed">
         <div class="converse-chatboxes row no-gutters">
             <div id="controlbox" class="chatbox">
                 <div class="flyout box-flyout">

+ 1 - 1
mockup/overlayed.html

@@ -13,7 +13,7 @@
           <h1 class="brand-heading"><i class="icon-conversejs"></i>Converse.js</h1>
      </div>
 
-     <div id="conversejs">
+    <div id="conversejs" class="converse-overlayed">
         <div class="converse-chatboxes row no-gutters">
             <div id="controlbox" class="chatbox">
                 <div class="flyout box-flyout">

+ 12 - 1
sass/_messages.scss

@@ -160,7 +160,6 @@
                     margin-left: 2.75rem;
                 }
             }
-
         }
     }
 
@@ -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) {
     #conversejs:not(.converse-embedded)  {
         .message {