This is an automated email from the ASF dual-hosted git repository. mauriciostekl pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/ignite-website.git
commit 903920c753c738f574cc3ab15781fb07f6178e49 Author: Mauricio Stekl <[email protected]> AuthorDate: Fri Aug 6 16:09:28 2021 -0300 implemented Docs Feedback button with bugyard.io service --- _docs/_includes/footer.html | 8 +++++--- _docs/_includes/right-nav.html | 2 ++ _docs/_layouts/default.html | 7 +++++++ _docs/_sass/docs.scss | 31 ++++++++++++++++++++++++++++++- _docs/_sass/right-nav.scss | 26 +++++++++++++++++++++++++- 5 files changed, 69 insertions(+), 5 deletions(-) diff --git a/_docs/_includes/footer.html b/_docs/_includes/footer.html index 2bccce2..f9382c9 100644 --- a/_docs/_includes/footer.html +++ b/_docs/_includes/footer.html @@ -1,5 +1,7 @@ {% assign doc_var = page.leftNav | append: "_var" %} {% assign base_url = '' %} -<footer> - <!--#include virtual="/includes/docs_rightnav_promotion.html" --> -</footer> + <nav class="promo-nav"> + <!--#include virtual="/includes/docs_rightnav_promotion.html" --> + <a href="#" data-trigger-bugyard-feedback="true" id="doc-feedback-btn">Docs Feedback</a> + </nav> + \ No newline at end of file diff --git a/_docs/_includes/right-nav.html b/_docs/_includes/right-nav.html index 765a216..db0c510 100644 --- a/_docs/_includes/right-nav.html +++ b/_docs/_includes/right-nav.html @@ -1,4 +1,6 @@ <nav class="right-nav" data-swiftype-index='false'> + <div class="toc-wrapper"> {{ page.document | tocify_asciidoc: 6 }} + </div> {% include footer.html %} </nav> diff --git a/_docs/_layouts/default.html b/_docs/_layouts/default.html index 65a8fc1..3b33d12 100644 --- a/_docs/_layouts/default.html +++ b/_docs/_layouts/default.html @@ -42,6 +42,13 @@ </script> <!-- /LuckyOrange code --> +<!-- Bugyard widget embed --> +<script type="text/javascript">!function(){if("function"!=typeof window.bugyard){var a=function(){a.c(arguments)};a.q=[],a.c=function(b){a.q.push(b)},window.bugyard=a;var b=document.createElement("script");b.setAttribute("data-bugyard","610961912c35ff001493163a"),b.setAttribute("async","async"),b.setAttribute("defer","defer"),b.setAttribute("src","https://widget.bugyard.io/bugyard.min.js";),document.getElementsByTagName("head")[0].appendChild(b)}}(); window.bugyard("hideButton"); </script> + + + + + <link rel="preload" href='{{"assets/js/code-tabs.js?1" | relative_url}}' as="script" crossorigin> <link rel="preload" href='{{"assets/js/page-nav.js" | relative_url}}' as="script" crossorigin> <link rel="preload" href='{{"assets/js/docs-menu.js?20201005" | relative_url}}' as="script" crossorigin> diff --git a/_docs/_sass/docs.scss b/_docs/_sass/docs.scss index e0e59b1..76f6726 100644 --- a/_docs/_sass/docs.scss +++ b/_docs/_sass/docs.scss @@ -182,6 +182,26 @@ body.hide-left-nav { left: 0; right: 0; } + + +#doc-feedback-btn { + background-color: #b02032 !important; // rgb(240, 0, 35) !important; + display: block; + font-weight: 400; + color: white; + text-align: center; + cursor: pointer; + user-select: none; + background-color: transparent; + border: 1px solid transparent; + padding: .375rem .75rem; + margin: 1rem auto; + font-size: 14px; + line-height: 1.5; + border-radius: .25rem; + transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; +} + @media (max-width: 990px) { body:not(.hide-left-nav) { .left-nav__overlay { @@ -207,7 +227,16 @@ body.hide-left-nav { } @media (max-width: 800px) { nav.right-nav { - display: none; + display: block; + width: 100%; + height: 80px; + + .toc-wrapper { + display: none; + } + } + section.page-docs { + display: block; } } diff --git a/_docs/_sass/right-nav.scss b/_docs/_sass/right-nav.scss index e01dc97..6ed8f9a 100644 --- a/_docs/_sass/right-nav.scss +++ b/_docs/_sass/right-nav.scss @@ -3,7 +3,7 @@ padding: 12px 26px; overflow-y: auto; height: calc(100vh - var(--header-height)); - top: 0; + top: var(--header-height); position: -webkit-sticky; position: sticky; display: flex; @@ -57,9 +57,33 @@ --nesting-level: #{$i - 1}; } } + + .promo-nav { + position: absolute; + bottom: 3rem; + left: 50%; + transform: translate(-50%, 0); + width: 100%; + max-width: 237px;; + } } @media (max-width: 1200px) { .right-nav { width: 230px; } } + + +@media (max-width: 800px) { + .right-nav { + + .promo-nav { + width: 230px; + bottom: 0; + + .right-ad { + display: none; + } + } + } +}
