Add view on GitHub links for easier content editing from the docs (#31339)

* Add view on GitHub links for easier content editing from the docs

* Update docs.html

* Move to .btn-bd-light

Co-authored-by: XhmikosR <xhmikosr@gmail.com>

diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html
index 2e5bac7fcf01e2cec4f10081ed0903a69ac63751..e75a6a3f4e2d3a438f778306d04e47c185878f76 100644 (file)
--- a/site/layouts/_default/docs.html
+++ b/site/layouts/_default/docs.html
@@ -15,7 +15,10 @@
       </div>
 
       <div class="bd-intro pt-md-3 pl-lg-4">
-        <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1>
+        <div class="d-md-flex flex-md-row-reverse align-items-center justify-content-between">
+          <a class="btn btn-sm btn-bd-light mb-2 mb-md-0" href="{{ .Site.Params.repo }}/tree/main/site/content/{{ .Page.File.Path }}" title="View and edit this file on GitHub" target="_blank" rel="noopener">View on GitHub</a>
+          <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1>
+        </div>
         <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p>
         {{ partial "ads" . }}
       </div>