diff options
| author | Marco Ambrosini <marcoambrosini@pm.me> | 2019-07-04 14:50:36 +0300 |
|---|---|---|
| committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2019-07-12 22:18:45 +0300 |
| commit | 458c8c9f487c75ba8ffe1ab18dc4419a60ebd9da (patch) | |
| tree | 5b957122888c4653580cde3b3c6130603678e6e1 /css | |
| parent | c2e9cb650e3f7483c1d4dbbb03f9386e6fcd297c (diff) | |
Fixed inconsistent date tooltips in messages
The author row was covering the date on the right side of the chat view
and preventing the date tooltip to be triggered by hovering on the date.
This fix makes the author row slightly narrower (which was the same
approach already used when the date is shown next to a message) in
order to expose the date, thus allowing the date tooltip to be shown
properly.
Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
Diffstat (limited to 'css')
| -rw-r--r-- | css/chatview.scss | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/css/chatview.scss b/css/chatview.scss index 1c4a00f75..9017e3069 100644 --- a/css/chatview.scss +++ b/css/chatview.scss @@ -216,10 +216,16 @@ body:not(#body-public) #chatView .comment .authorRow:not(.currentUser):not(.gues display: none; } +#chatView .comments .authorRow, +#chatView .comments li .message { + /* Makes the container slightly narrower in order not to cover the date on + * the right side, thus allowing the date tooltip to be shown properly. */ + width: calc(100% - 80px) +} + #chatView .comments li .message { padding-left: 40px; display: inline-block; - width: calc(100% - 80px); } #chatView .comment .action { |