From 2c78011e58cee2019adf1ed8500a83ca6503a0ad Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Tue, 9 Apr 2019 09:29:10 +0200 Subject: Fix misplaced chat view in public share auth page MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit When the current participant is a logged in user the "Add" button is shown in the chat view, and due to some arcane CSS magic that button caused the chat view to be moved to the left (instead of simply appearing to the right of the message input, wherever that be). The same arcane CSS magic causes everything to look fine when using the same approach as in the sidebar of the regular Talk UI, that is, applying a "margin-right" to the form to make room for the "Add" button, so that margin is now applied in the public share auth page when needed (that is, when the user is logged in). Signed-off-by: Daniel Calviño Sánchez --- css/publicshareauth.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'css/publicshareauth.scss') diff --git a/css/publicshareauth.scss b/css/publicshareauth.scss index 84e3294c3..a79bdeffb 100644 --- a/css/publicshareauth.scss +++ b/css/publicshareauth.scss @@ -216,6 +216,10 @@ input#request-password-button:disabled ~ .icon { margin-top: 0; } +#talk-sidebar #chatView .newCommentForm.with-add-button { + /* Make room to show the "Add" button if needed. */ + margin-right: 44px; +} /* Unset conflicting rules from guest.css for the sidebar */ #talk-sidebar { -- cgit v1.2.3