From 5f7f9b15523aef3c2c1e581f626fd91ae29df2c6 Mon Sep 17 00:00:00 2001
From: Jim <jsproch@fb.com>
Date: Mon, 29 Feb 2016 15:19:25 -0800
Subject: [PATCH] Merge pull request #6090 from
 joecritch/docs-external-link-icon

[Docs] Added icon for external links in nav
(cherry picked from commit 8f2b7d8e7141d5719591c7b0fcf3a6cfd5606a69)
---
 docs/_data/nav_docs.yml       |   2 ++
 docs/_plugins/sidebar_item.rb |   9 ++++++++-
 docs/css/react.scss           |  16 ++++++++++++++++
 docs/img/external.png         | Bin 0 -> 1245 bytes
 docs/img/external_2x.png      | Bin 0 -> 1151 bytes
 5 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 docs/img/external.png
 create mode 100644 docs/img/external_2x.png

diff --git a/docs/_data/nav_docs.yml b/docs/_data/nav_docs.yml
index 86f44eb75a318..e3b5183ffa030 100644
--- a/docs/_data/nav_docs.yml
+++ b/docs/_data/nav_docs.yml
@@ -14,8 +14,10 @@
     title: Videos
   - id: complementary-tools
     title: Complementary Tools
+    href: https://github.com/facebook/react/wiki/Complementary-Tools
   - id: examples
     title: Examples
+    href: https://github.com/facebook/react/wiki/Examples
 - title: Guides
   items:
   - id: why-react
diff --git a/docs/_plugins/sidebar_item.rb b/docs/_plugins/sidebar_item.rb
index a5dda30c771c0..bfb218b8823b9 100644
--- a/docs/_plugins/sidebar_item.rb
+++ b/docs/_plugins/sidebar_item.rb
@@ -4,7 +4,14 @@ def sidebar_item_link(item)
       pageID = @context.registers[:page]["id"]
       itemID = item["id"]
       href = item["href"] || "/react/docs/#{itemID}.html"
-      className = pageID == itemID ? ' class="active"' : ''
+      classes = []
+      if pageID == itemID
+        classes.push("active")
+      end
+      if item["href"]
+        classes.push("external")
+      end
+      className = classes.size ? "class=\"#{classes.join(' ')}\"" : "";
 
       return "<a href=\"#{href}\"#{className}>#{item["title"]}</a>"
     end
diff --git a/docs/css/react.scss b/docs/css/react.scss
index 4bbb8cad08d00..c7326af4dd4d7 100644
--- a/docs/css/react.scss
+++ b/docs/css/react.scss
@@ -260,6 +260,22 @@ h1, h2, h3, h4, h5, h6 {
     &.active {
       color: $primary;
     }
+
+    &.external {
+      &:after {
+        content: "";
+        display: inline-block;
+        width: 10px;
+        height: 10px;
+        padding-left: 5px;
+        @include retina-image('../img/external', 10px 10px);
+        background-position: 100% 0;
+        background-repeat: no-repeat;
+        font-size: 10px;
+        line-height: 1em;
+        opacity: 0.5;
+      }
+    }
   }
 
   .nav-docs-section {
diff --git a/docs/img/external.png b/docs/img/external.png
new file mode 100644
index 0000000000000000000000000000000000000000..423ec131b9d4cf220d819666e13af29c05027b5e
GIT binary patch
literal 1245
zcmbVMTWB0r7#>L?X=osZ+M-f=nEFs*ckYwTOn2NQJG<>dHwl}iNkOr*GiNtLG8bn~
z+({^Hx71Jti9`^=;024mNRt$_l#<@eOP`cJ_@I%ZzDPvdMr;*H)-$`==tC&tJk0se
zKi~J?|9Ne&|4@6|(`^Jnv}X>hIedn4TkGTa{Ra2t5<Z?nsSz~f6j538Akk|$1qd>h
zR)RUG8Iv#Hf^mXq3e5Zn8p$4!b;qK#5JLr)i`fJbPXw-}k3j?quw>c_dH2dS5}1ZU
z4vSeP>n7o-d3ef$LsR{EeQHdX3^MUNhzBw@U_qpTz#6xGIZ()&T^Y-vnkGRFg2oiG
z9@I#75F{NB0+H&9>P%M*#3YIpV=*BX0UX1MG{e(86XkeWU}S*<n-7V-c}7vrsp(B$
z_@<Df2)Qy%m&;|U%u|k6qFG6jXojOXE{YLRf6_);5VigN4GSvtb<cE>>DVB&s1=+E
zq>wn$dJ2}C&2AaC{mnw*lF@<Y(k#W$mKEkzL;ENP{|RGTw4a}JA)SN1GvVpDAI1F*
zGOpdD9fd#~jXdC)xGCDW>gW>|v{6P?Nc@E|Ohe{4LFyJ*Evj=|Au5Pak7`AUiFS7h
zqE-+zqsVX#JKOO^KF#*=X+~vLiDgrw6jOOs<oo!pn85LZ+TdnvA8ED@8@^5KyUtCe
zAIX)I9@LQI<sE0dF$II84s!fa#|6n`t?S@GR?|&8R6Z9rs-CwBJ@XZ4q&>$1wMxt8
zHc|Yy3e@?=|E(a6gQCN6`PcX~RCp#sacddyWow<Fjd#ey%My!Etm8%dE2H-2gKr8)
z1_r9thj(9^-j_JZxUS1EEXxv=mZs*p)3<j<Kx$=W<+Ih*)zW+M$(#3n|9SY$AD-#C
ze5YrQSbppDJ2N|s*}1uu?`LOc_pYt29XwgxSZX?O|A}*#E8Tm~(Zu~17nJJ8`j2OC
zGw&`}0=nZjVv+8c*9+I1LF&qf<HKO1c^UrH)=~))9em%DOJ`pnDD)m}L3ifgPn@D!
zxIJI&TD*AiOuV$?Xlr}t^!fA8e(=e)&u{(#7K~e+(+A7Ho+v%`>USR<nz{P$!2@n#
zaj_z<SF8Ij-23I*OFJWx$f;vJojpSzzi{=$pUUo;8=rpN)XEU_SI2g}&Cko>4=0oA
KS1<G(Kl3*x5UF|q

literal 0
HcmV?d00001

diff --git a/docs/img/external_2x.png b/docs/img/external_2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..fefbe2c1d9b887295f0f8cd5ba45ad3833d6effc
GIT binary patch
literal 1151
zcmbVM+e;Kt7$38%AoLJIS#TU75}f<Yt~0n^c1Ls5HQg4H!1C<OSsipP%^cfNgg{b?
z>ZO+oDtd}~sE2|cN~p-7C@3(Cie3z&hoC<osLrge^&k-q%$#$+^ZkC`eNOfD?yauc
zQAJTyb-GK>l6713Zr(_~XHV^_Cd+o*F@O)a1zdzaqS{S2k3ian!zhcOIdSwEYNn{l
z(8>+qflQBPxHbzT9X7N*f~KhE*3g5-D8e9*hAk&Sf4l#H29}wi4=Ncx<E7Au)ivp(
z1CzZuV{+6`O}e!OG=~}?un~qJw8xx43lnsSS0npK%+a8vf=3hdvQq<@K9F*K1Qa&L
z7<?=a;wmdB@wgms1R^ge94~Pa&xn#H^O`Jzm4_zQe6yfs_0APr<dmRCF!nT#D;A4v
zQDR+xm=jc0<#>@3MTTfF!Gwch$T&fLnL$T^;aeWITn9vqFz=4z1Wi0$4#D;^nN?yZ
zSV<H~85cs26Ih<J?I^C2c7U_!w;O9}2e}Ckaak0&<Gw-aQK&D2N$&n`C{iTeX#0JO
z6a|jyt}$*S2dDJ}O>S7zGBr_@)h1bhj3J77Mplr)z=Fy%O)*)4c^R4oUM%yhg;%6b
zAt`mFbU{}Ip+iyQx}+;oQi{c8QIhpCHthr$ItD7+wuo&>SC#grB>z{emhutAuAg(=
zv2qvmjkwqiMqCf1Ql+YcJsD_NP9$uI3bh=!j(qDFGCO_O2Bl1E)*4>?TLzZ#=Kp4p
zBTjKqyZq5UWfAGgXuCQL<ghwU$RRW2lVMpp{NWlIw99F|Jr};u_jGrEf7!NkNY8(I
z{dm3&Jv{Mw-PDDO(}#|LA2W@Qre9oCgWZ=dU%ArzRA_0Nt2z1Z>g?_QC4?VOH*86b
z&DwQu+vaBBiMp9t;oMSknyr8GT(9jsb3QG6Z57xv^cysPkFVIrZCJWFzdlx1dAxlv
zEkCq?ADiFw>dv0U?%JBEyZwiz`ajP6yaB=D;O4DE)B<j}{$*i?iGB&`j$Zv%a%lP&
D4#{?%

literal 0
HcmV?d00001