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 <abijeetpatro@gmail.com>
This commit is contained in:
parent
13b5e257ab
commit
0489643f50
|
@ -17,9 +17,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#commentsTabView .newCommentForm .message {
|
#commentsTabView .newCommentForm .message {
|
||||||
/* width = 100% - (width of submit button (44px) + margin (3px) + inline-block gap) */
|
/* width = 100% - (width of submit button (44px) + margin (3px) + border (1px)) */
|
||||||
width: calc(100% - 52px);
|
width: calc(100% - 48px);
|
||||||
display: inline-block;
|
/* 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 {
|
#commentsTabView .newCommentForm .submit {
|
||||||
|
|
Loading…
Reference in New Issue