Chatroom form fixes

6495378a · JC Brand · 7660a276 · 6495378a · 6495378a · 6495378a
Commit 6495378a authored May 03, 2018 by JC Brand
Hide whitespace changes
Inline Side-by-side

Showing with 12 additions and 27 deletions

css/converse.css css/converse.css +6 -12

css/inverse.css css/inverse.css +6 -11

sass/_chatrooms.scss sass/_chatrooms.scss +0 -4

No files found.
--- a/css/converse.css
+++ b/css/converse.css
@@ -8270,22 +8270,16 @@ body.reset {
        font-size: 14px;
        height: 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 .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
          font-size: 90%;
          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=submit],
        #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],

--- a/css/inverse.css
+++ b/css/inverse.css
@@ -8412,21 +8412,16 @@ body {
        font-size: 16px;
        height: 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 .chatroom .box-flyout .chatroom-body .chatroom-form-container .validation-message {
          font-size: 90%;
          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=submit],
        #conversejs .chatroom .box-flyout .chatroom-body .chatroom-form-container input[type=button],

--- a/sass/_chatrooms.scss
+++ b/sass/_chatrooms.scss
@@ -222,16 +222,12 @@
                    height: 100%;
                    width: 100%;
                    overflow-y: auto;
-                    position: absolute;

                    .validation-message {
                        font-size: 90%;
                        color: $error-color;
                    }
                    .chatroom-form {
-                        height: 100%;
-                        margin-top: 2em;
-
                        label,
                        input[type=text] {
                            display: block;