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