Reset user agent styles. Fix login form margin and height

1405884c · JC Brand · 617019af · 1405884c · 1405884c · 1405884c
Commit 1405884c authored Feb 15, 2018 by JC Brand
6 changed files
--- a/css/converse.css
+++ b/css/converse.css
--- a/css/inverse.css
+++ b/css/inverse.css
--- a/mockup/chatbox.html
+++ b/mockup/chatbox.html
@@ -8,7 +8,7 @@
    <link type="text/css" rel="stylesheet" media="screen" href="../../css/inverse.css" />
 </head>

-<body>
+<body class="reset">
    <div id="conversejs" class="fullscreen">
        <div class="sidebar"></div>
        <div class="row no-gutters">

--- a/sass/_controlbox.scss
+++ b/sass/_controlbox.scss
@@ -406,6 +406,7 @@
        .controlbox-panes {
            height: 100%;
            overflow-y: auto;
+            background-color: white;
        }

        .controlbox-pane {

--- a/sass/_core.scss
+++ b/sass/_core.scss
@@ -6,9 +6,11 @@
    @include animation-timing-function(ease);
 }

-#converse-embedded-chat,
+body.reset {
+    margin: 0;
+}
+
 #conversejs {
-    margin-left: -$chat-gutter; // Mystery why this is necessary
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    bottom: 0;

--- a/sass/inverse/_controlbox.scss
+++ b/sass/inverse/_controlbox.scss
 #conversejs.fullscreen {
    #controlbox {
        margin: 0;
+        // margin-left: -$chat-gutter; // Mystery why this is necessary

        .controlbox-pane {
            border-radius: 0;
        }

        #login-dialog {
-            border-radius: $chatbox-border-radius;
+            border-radius: 0;
            .converse-form {
                margin: 0;
                padding: 3em 2em 3em;