From 0489643f506f314af8dd76444a7b2f0f375ad80b Mon Sep 17 00:00:00 2001 From: Abijeet Date: Sat, 14 Apr 2018 20:28:32 +0530 Subject: [PATCH] Fixes issue with the large cursor on Safari in the comment section. This was being caused due to the `display: inline-block` on the contenteditable div. Signed-off-by: Abijeet --- apps/comments/css/comments.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/apps/comments/css/comments.scss b/apps/comments/css/comments.scss index c2bc136ba6..d2ed74adae 100644 --- a/apps/comments/css/comments.scss +++ b/apps/comments/css/comments.scss @@ -17,9 +17,12 @@ } #commentsTabView .newCommentForm .message { - /* width = 100% - (width of submit button (44px) + margin (3px) + inline-block gap) */ - width: calc(100% - 52px); - display: inline-block; + /* width = 100% - (width of submit button (44px) + margin (3px) + border (1px)) */ + width: calc(100% - 48px); + /* Need to use float left instead of display inline-block because Safari shows a big cursor */ + float: left; + /* To align it to the button on the side */ + margin-top: 5px; } #commentsTabView .newCommentForm .submit {