Browse Source

Chatroom form fixes

JC Brand 7 years ago
parent
commit
6495378a19
3 changed files with 12 additions and 27 deletions
  1. 6 12
      css/converse.css
  2. 6 11
      css/inverse.css
  3. 0 4
      sass/_chatrooms.scss

+ 6 - 12
css/converse.css

@@ -8270,22 +8270,16 @@ body.reset {
         font-size: 14px;
         font-size: 14px;
         height: 100%;
         height: 100%;
         width: 100%;
         width: 100%;
-        overflow-y: auto;
-        position: absolute; }
+        overflow-y: auto; }
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message,
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message,
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
           font-size: 90%;
           font-size: 90%;
           color: #A53214; }
           color: #A53214; }
-        #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form,
-        #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form {
-          height: 100%;
-          width: 100%;
-          margin-top: 2em; }
-          #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
-          #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text],
-          #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
-          #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text] {
-            display: block; }
+        #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
+        #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text],
+        #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
+        #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text] {
+          display: block; }
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit],
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit],
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],

+ 6 - 11
css/inverse.css

@@ -8412,21 +8412,16 @@ body {
         font-size: 16px;
         font-size: 16px;
         height: 100%;
         height: 100%;
         width: 100%;
         width: 100%;
-        overflow-y: auto;
-        position: absolute; }
+        overflow-y: auto; }
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message,
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message,
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
           font-size: 90%;
           font-size: 90%;
           color: #A53214; }
           color: #A53214; }
-        #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form,
-        #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form {
-          height: 100%;
-          margin-top: 2em; }
-          #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
-          #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text],
-          #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
-          #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text] {
-            display: block; }
+        #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
+        #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text],
+        #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form label,
+        #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container .chatroom-form input[type=text] {
+          display: block; }
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit],
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=submit],
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],
         #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],

+ 0 - 4
sass/_chatrooms.scss

@@ -222,16 +222,12 @@
                     height: 100%;
                     height: 100%;
                     width: 100%;
                     width: 100%;
                     overflow-y: auto;
                     overflow-y: auto;
-                    position: absolute;
 
 
                     .validation-message {
                     .validation-message {
                         font-size: 90%;
                         font-size: 90%;
                         color: $error-color;
                         color: $error-color;
                     }
                     }
                     .chatroom-form {
                     .chatroom-form {
-                        height: 100%;
-                        margin-top: 2em;
-
                         label,
                         label,
                         input[type=text] {
                         input[type=text] {
                             display: block;
                             display: block;