diff --git a/_layouts/docs.html b/_layouts/docs.html index cca1d264e8..0b7c97450d 100644 --- a/_layouts/docs.html +++ b/_layouts/docs.html @@ -22,13 +22,14 @@
- {%- if page.title -%} -

{{ page.title }}

- {%- endif -%} - {%- if page.advisory -%} -
{{ site.data.advisories.texts[page.advisory] | markdownify }}
- {%- endif -%} -

+
+ {%- if page.title -%} +

{{ page.title }}

+ {%- endif -%} + {%- if site.hotjar_id and site.hotjar_id != '' and page.skip_feedback != true -%} + + {%- endif -%} +
{{ content }}
diff --git a/_scss/_buttons.scss b/_scss/_buttons.scss index ca13c7c012..77b6843209 100755 --- a/_scss/_buttons.scss +++ b/_scss/_buttons.scss @@ -69,3 +69,24 @@ a.button.outline-btn.min-hgt { .outline-btn:hover { opacity: 0.8; } + +// Hotjar feedback button +#hotjar-feedback { + align-self: center; + display: flex; + align-items: center; + gap: 8px; + color: $light-blue-500; + font-weight: bold; + background: none; + padding: 8px 16px; + border: 2px solid $light-blue-500; + border-radius: 2px; + .night & { + color: $white; + border: 2px solid $dark-blue-500; + } + &:hover { + opacity: 0.7; + } +} diff --git a/_scss/_content.scss b/_scss/_content.scss index 70fe8f07e5..e6f938696b 100755 --- a/_scss/_content.scss +++ b/_scss/_content.scss @@ -202,4 +202,9 @@ main img:hover {opacity: 0.7;} } } - +// Make the title wrapper flex +.content-title { + display: flex; + justify-content: space-between; + margin-bottom: 10px; +}