From 4eb9c0142d7016870431c565c8d9e207aebec0f5 Mon Sep 17 00:00:00 2001 From: Daniel Calviño Sánchez Date: Thu, 23 Nov 2017 02:12:09 +0100 Subject: Fix contacts menu vertical position for comment authors MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The contacts menu was being shown as "inline-block", which caused the top of the menu to be aligned to the top of the author row. Signed-off-by: Daniel Calviño Sánchez --- apps/comments/css/comments.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'apps/comments/css') diff --git a/apps/comments/css/comments.css b/apps/comments/css/comments.css index 1ed418df2fc..19c15786a51 100644 --- a/apps/comments/css/comments.css +++ b/apps/comments/css/comments.css @@ -112,7 +112,7 @@ background-repeat: no-repeat; } -#commentsTabView .authorRow>div { +#commentsTabView .authorRow>div:not(.contactsmenu-popover) { display: inline-block; vertical-align: middle; } -- cgit v1.2.3 From 5591ea6e8bef0f87d1ebc915fd43a9acd7719890 Mon Sep 17 00:00:00 2001 From: "John Molakvoæ (skjnldsv)" Date: Thu, 23 Nov 2017 09:49:44 +0100 Subject: Fixed alignment of items in comments MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- apps/comments/css/comments.css | 21 +++++++++++++-------- core/css/share.scss | 4 +++- 2 files changed, 16 insertions(+), 9 deletions(-) (limited to 'apps/comments/css') diff --git a/apps/comments/css/comments.css b/apps/comments/css/comments.css index 19c15786a51..c61ecbf2eef 100644 --- a/apps/comments/css/comments.css +++ b/apps/comments/css/comments.css @@ -69,6 +69,7 @@ width: 32px; height: 32px; line-height: 32px; + margin-right: 5px; } #commentsTabView .comment .message .avatar, @@ -126,6 +127,13 @@ #commentsTabView .comment .authorRow { position: relative; cursor: pointer; + display: inline-flex; + align-items: center; + width: 100%; +} + +#commentsTabView .comments li .message .atwho-inserted { + margin-left: 5px; } .atwho-view-ul * .avatar-name-wrapper { @@ -136,23 +144,20 @@ #commentsTabView .comment .date { opacity: .5; } -#commentsTabView .comment .author { - margin-left: 5px; -} #commentsTabView .comment .date { - position: absolute; - right: 0; - top: 5px; + margin-left: auto; } #commentsTabView .comments li .message { padding-left: 40px; + display: inline-flex; + flex-wrap: wrap; + align-items: center; } #commentsTabView .comment .action { opacity: 0; - vertical-align: middle; - display: inline-block; + padding: 5px; } #commentsTabView .comment:hover .action { diff --git a/core/css/share.scss b/core/css/share.scss index 6ce3cc9765d..68b601bcb65 100644 --- a/core/css/share.scss +++ b/core/css/share.scss @@ -177,9 +177,11 @@ } .contactsmenu-popover { - left: -7px; + left: -6px; right: auto; padding: 3px 6px; + top: 100%; + margin-top: 0; li.hidden { display: none !important; } -- cgit v1.2.3