From de2039ee5faa0519167488c838ad9159e4c99365 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Tue, 11 Jun 2019 18:04:32 +0200 Subject: Fix message dates in public share authentication page MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The chat messages are expected to have the full width of its content row, except for some space used for the date. However, as chat messages are left padded that padding must be included too in the width; otherwise there could be no room for the date. This is only a problem in the public share authentication page, as apps use by default "box-sizing: border-box" in all its elements. Signed-off-by: Daniel Calviño Sánchez --- css/publicshareauth.scss | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'css/publicshareauth.scss') diff --git a/css/publicshareauth.scss b/css/publicshareauth.scss index 9824459af..2e5cee455 100644 --- a/css/publicshareauth.scss +++ b/css/publicshareauth.scss @@ -216,6 +216,12 @@ input#request-password-button:disabled ~ .icon { margin-top: 0; } +#talk-sidebar #chatView .comments .message { + /* The messages are left padded, but they also use "width: calc(100%...", so + * the padding should be included in the full width of the element. */ + box-sizing: border-box; +} + #talk-sidebar #chatView .newCommentForm.with-add-button { /* Make room to show the "Add" button if needed. */ margin-right: 44px; -- cgit v1.2.3