refs #1055 Make a header link anchor icon clickable

Fork: 0

johnpearcey / gitbucket_jkp

Browse code refs #1055 Make a header link anchor icon clickable master
1 parent 7593c97 commit 6265faa14f04754b6d5685249ad4e73d1592b08a oohira authored on 26 Jan 2016

Patch

Unified Split

Showing 3 changed files

                Ignore Space
               Show notes
              View
            
          
          2 ■■■■■
          src/main/scala/gitbucket/core/view/Markdown.scala
       out.append("<h" + level + " id=\"" + options.getHeaderPrefix + id + "\"")
 
      if(enableAnchor){
        out.append(" class=\"markdown-head\">")
        out.append("<a class=\"markdown-anchor-link\" href=\"#" + id + "\"></a>")
        out.append("<a class=\"markdown-anchor-link\" href=\"#" + id + "\"><span class=\"octicon octicon-link\"></span></a>")
        out.append("<a class=\"markdown-anchor\" name=\"" + id + "\"></a>")
      } else {
        out.append(">")
      }
       out.append("<h" + level + " id=\"" + options.getHeaderPrefix + id + "\"")
       if(enableAnchor){
         out.append(" class=\"markdown-head\">")
+        out.append("<a class=\"markdown-anchor-link\" href=\"#" + id + "\"></a>")
+        out.append("<a class=\"markdown-anchor-link\" href=\"#" + id + "\"><span class=\"octicon octicon-link\"></span></a>")
         out.append("<a class=\"markdown-anchor\" name=\"" + id + "\"></a>")
       } else {
         out.append(">")
       }

                Ignore Space
               Show notes
              View
            
          
          64 ■■■■■
          src/main/webapp/assets/common/css/gitbucket.css
   position: relative;
}
 
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;
}
 
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;
  cursor: pointer;
}
 
a.markdown-anchor-link span.octicon {
  visibility: hidden;
  vertical-align: middle;
}
 
/****************************************************************************/
/* File finder */
   position: relative;
 }
 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;
+}
+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;
+  cursor: pointer;
+}
+a.markdown-anchor-link span.octicon {
+  visibility: hidden;
+  vertical-align: middle;
 }
 /****************************************************************************/
 /* File finder */

Ignore Space Show notes View src/main/webapp/assets/common/js/gitbucket.js

Show line notes below