From c4a8c264651046f405028202a2e9b51329e1b02c Mon Sep 17 00:00:00 2001 From: Saivann Date: Sat, 24 May 2014 21:56:08 -0400 Subject: [PATCH] Provide "GitHub-like" anchor links affordance (thanks @cbeams) --- _less/screen.less | 16 +++++++++ en/developer-guide.md | 1 + en/developer-reference.md | 1 + img/mini_ico_anchor.png | Bin 0 -> 394 bytes img/mini_ico_anchor.svg | 73 ++++++++++++++++++++++++++++++++++++++ js/main.js | 19 ++++++++++ 6 files changed, 110 insertions(+) create mode 100644 img/mini_ico_anchor.png create mode 100644 img/mini_ico_anchor.svg diff --git a/_less/screen.less b/_less/screen.less index 5058d91a..dda2d399 100644 --- a/_less/screen.less +++ b/_less/screen.less @@ -783,6 +783,22 @@ table td,table th{ color:#646464; } +.anchorAf{ + position:relative; +} +.anchorAf a{ + display:none; +} +.anchorAf:hover a{ + display:block; + position:absolute; + width:24px; + left:-24px; + bottom:0; + top:0; + background:url(/img/mini_ico_anchor.png) no-repeat center center; +} + .develdocdisclaimer{ padding:30px 0; background:#fff; diff --git a/en/developer-guide.md b/en/developer-guide.md index 75d1f32e..ee2790c0 100644 --- a/en/developer-guide.md +++ b/en/developer-guide.md @@ -56,3 +56,4 @@ of the following file. --> + diff --git a/en/developer-reference.md b/en/developer-reference.md index 32b5487c..781032f3 100644 --- a/en/developer-reference.md +++ b/en/developer-reference.md @@ -59,3 +59,4 @@ untrusted source. + diff --git a/img/mini_ico_anchor.png b/img/mini_ico_anchor.png new file mode 100644 index 0000000000000000000000000000000000000000..bd568bc9a6ed3ac4c2be402b52ba9783805dacc3 GIT binary patch literal 394 zcmeAS@N?(olHy`uVBq!ia0vp^0wB!60wlNoGJgf6n2Mb|LpV4>-?)JUISV`@i-D@I zgD|6$#_S59pk#?_L`iUdT1k0gQ7S`udAVL@UUqSEVnM22eo^}DcQ#TC42+zfE{-7@ z!LesIYPS^19RFCp}nUBR@c+bXm8zBu`o7 z5)ZXIAD*n+z5U_5>UR%+&#bGByMJH2Q#Jd+{?6+bOYg6<5KddoE0NfrowwuV>V2$L z&mCS&5ApbP@n^zS2U}CYeZ^X9l>MJX+TG7L{c_~qi${C7T%S1H*|5?*uyaPQ!^Ixc zyS=OA`fW?h*pB5~o6GmQMK$z&GK2T8cP%qM1+Bfg<~O^_-b?A~YgfeE7mIDv-Eouk zM*h`rd!A`|#HsKZyq&3=FZ+BEci9A^l@k)8B%ZNG<}?Ss@;H#L!~108-i8gwoYQT6 mx{bI61rj@abedy-b62iVoc!_kUU6W^F?hQAxvX + + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/js/main.js b/js/main.js index acef19ae..878f82f1 100644 --- a/js/main.js +++ b/js/main.js @@ -361,6 +361,25 @@ addEvent(window,'load',evtimestamp); init(); } +function addAnchorLinks(){ +//Apply anchor links icon on each title displayed on CSS hover +var nodes=[]; +var tags=['H2','H3','H4','H5','H6']; +for(var i=0,n=tags.length;i0)return; + var cl=nodes[i].className.split(' '); + cl.push('anchorAf') + nodes[i].className=cl.join(' '); + var anc=document.createElement('A'); + anc.href='#'+nodes[i].id; + nodes[i].insertBefore(anc,nodes[i].firstChild); +} +} + function updateIssue(e){ //Update GitHub issue link with pre-filled with current page location var t=getEventTarget(e);