From 802aa6d5f306ade08438dc07d93913daecb1d3ab Mon Sep 17 00:00:00 2001 From: jaqra <48099350+jaqra@users.noreply.github.com> Date: Mon, 25 Nov 2019 14:50:46 +0300 Subject: Add comment highlight when target from url (#9047) * Add comment highlight css * Add js to remove highlight on click outside * Improve refresh page on click outside * Use location.hash property to remove target * Handle click ONLY clicked outside of 'targetted comment' (not other comment) * Remove unnecessary checks and simply code * Combine hash and setState to remove target path --- public/css/index.css | 1 + 1 file changed, 1 insertion(+) (limited to 'public/css') diff --git a/public/css/index.css b/public/css/index.css index 52c5604a2d..dd87c2f133 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -593,6 +593,7 @@ i.icon.centerlock{top:1.5em} .repository.view.issue .comment-list .comment .content>.bottom.segment .ui.image{max-height:100%;width:auto;margin:0;vertical-align:middle} .repository.view.issue .comment-list .comment .content>.bottom.segment span.ui.image{font-size:128px;color:#000} .repository.view.issue .comment-list .comment .content>.bottom.segment span.ui.image:hover{color:#000} +.repository.view.issue .comment-list .comment:target>.content{box-shadow:0 0 10px #8c8c8c} .repository.view.issue .comment-list .comment .ui.form .field:first-child{clear:none} .repository.view.issue .comment-list .comment .ui.form .tab.segment{border:0;padding:10px 0 0} .repository.view.issue .comment-list .comment .ui.form textarea{height:200px;font-family:'SF Mono',Consolas,Menlo,'Liberation Mono',Monaco,'Lucida Console',monospace} -- cgit v1.2.3