diff --git a/src/main/scala/gitbucket/core/view/Markdown.scala b/src/main/scala/gitbucket/core/view/Markdown.scala index 5acaa1d..2d57d1c 100644 --- a/src/main/scala/gitbucket/core/view/Markdown.scala +++ b/src/main/scala/gitbucket/core/view/Markdown.scala @@ -68,7 +68,7 @@ if(enableAnchor){ out.append(" class=\"markdown-head\">") - out.append("") + out.append("") out.append("") } else { out.append(">") diff --git a/src/main/webapp/assets/common/css/gitbucket.css b/src/main/webapp/assets/common/css/gitbucket.css index ca0259d..7681543 100644 --- a/src/main/webapp/assets/common/css/gitbucket.css +++ b/src/main/webapp/assets/common/css/gitbucket.css @@ -2043,39 +2043,16 @@ } a.markdown-anchor-link { - position: absolute; - left: -18px; - display: none; + margin-left: -16px; + margin-right: 2px; + line-height: 1; color: #999; - /* From octicon style */ - font: normal normal normal 16px/1 octicons; - text-decoration: none; - text-rendering: auto; -} -a.markdown-anchor-link:before { content: '\f05c'} /*  */ - -h1 a.markdown-anchor-link { - top: 24px; + cursor: pointer; } -h2 a.markdown-anchor-link { - top: 20px; -} - -h3 a.markdown-anchor-link { - top: 12px; -} - -h4 a.markdown-anchor-link { - top: 8px; -} - -h5 a.markdown-anchor-link { - top: 6px; -} - -h6 a.markdown-anchor-link { - top: 6px; +a.markdown-anchor-link span.octicon { + visibility: hidden; + vertical-align: middle; } /****************************************************************************/ diff --git a/src/main/webapp/assets/common/js/gitbucket.js b/src/main/webapp/assets/common/js/gitbucket.js index df1f500..eeb2f75 100644 --- a/src/main/webapp/assets/common/js/gitbucket.js +++ b/src/main/webapp/assets/common/js/gitbucket.js @@ -19,14 +19,11 @@ }); // anchor icon for markdown - $('.markdown-head').mouseenter(function(e){ - $(e.target).children('a.markdown-anchor-link').show(); + $('.markdown-head').on('mouseenter', function(e){ + $(this).find('span.octicon').css('visibility', 'visible'); }); - $('.markdown-head').mouseleave(function(e){ - $(e.target).children('a.markdown-anchor-link').hide(); - }); - $('a.markdown-anchor-link').mouseleave(function(e){ - $(e.target).hide(); + $('.markdown-head').on('mouseleave', function(e){ + $(this).find('span.octicon').css('visibility', 'hidden'); }); // syntax highlighting by google-code-prettify