From c4a8c264651046f405028202a2e9b51329e1b02c Mon Sep 17 00:00:00 2001 From: Saivann Date: Sat, 24 May 2014 21:56:08 -0400 Subject: [PATCH 1/2] 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 | Bin 0 -> 3472 bytes js/main.js | 19 +++++++++++++++++++ 6 files changed, 37 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 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 + 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); From 3730b4222f76a260fa6ab599475a31afae001167 Mon Sep 17 00:00:00 2001 From: Saivann Date: Sun, 25 May 2014 09:31:34 -0400 Subject: [PATCH 2/2] Use SVG icon for anchor link affordance --- _less/screen.less | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/_less/screen.less b/_less/screen.less index dda2d399..d489ce0a 100644 --- a/_less/screen.less +++ b/_less/screen.less @@ -788,15 +788,15 @@ table td,table th{ } .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; + background:url(/img/mini_ico_anchor.svg) no-repeat center center; +} +.anchorAf:hover a{ + display:block; } .develdocdisclaimer{