diff --git a/docs/assets/icons/ai.svg b/docs/assets/icons/ai.svg new file mode 100644 index 000000000..f9f462dad --- /dev/null +++ b/docs/assets/icons/ai.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/docs/assets/scss/_styles_project.scss b/docs/assets/scss/_styles_project.scss index 8e4e58602..56029cb63 100644 --- a/docs/assets/scss/_styles_project.scss +++ b/docs/assets/scss/_styles_project.scss @@ -30,6 +30,7 @@ @import "parameter"; @import "skip-links"; @import "heading-anchor"; +@import "ask-ai-button"; #print { display: none; // Hide print functionality for now diff --git a/docs/assets/scss/ask-ai-button.scss b/docs/assets/scss/ask-ai-button.scss new file mode 100644 index 000000000..24fee5356 --- /dev/null +++ b/docs/assets/scss/ask-ai-button.scss @@ -0,0 +1,36 @@ +// (C) 2025 GoodData Corporation +@import "variables/variables"; + +.ask-ai-button-container { + display: flex; + margin-left: 20px; + justify-content: flex-start; + button { + display: flex; + align-items: center; + gap: 5px; + &:disabled { + cursor: not-allowed; + opacity: 0.2; + &:hover, + &:focus, + &:active { + color: inherit; + border-color: inherit; + } + + &:focus { + box-shadow: inherit; + } + } + } + .ask-ai-icon { + display: flex; + width: fit-content; + svg { + width: 15px; + height: 15px; + margin: 0; + } + } +} diff --git a/docs/assets/scss/tooltip.scss b/docs/assets/scss/tooltip.scss index 921ce5e7e..3a388229d 100644 --- a/docs/assets/scss/tooltip.scss +++ b/docs/assets/scss/tooltip.scss @@ -1,30 +1,61 @@ +// (C) 2023 GoodData Corporation +// Custom tooltip styles + @import "variables/variables"; +// Override Bootstrap tooltip background color .tooltip { font-family: inherit; .tooltip-inner { - padding: 12px 15px; - text-align: left; - max-width: 300px; - font-family: inherit; - color: $color-white; - background-color: $color-tooltip; + padding: 12px 15px; + text-align: left; + max-width: 300px; + font-family: inherit; + color: $color-white; + text-align: center; + background-color: $color-deep-purple; } - &.bs-tooltip-right .arrow:before { - border-right-color: $color-tooltip; + // Override tooltip arrow colors for all directions + &.bs-tooltip-top .tooltip-arrow::before, + &.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { + border-top-color: $color-deep-purple; } - &.bs-tooltip-top .arrow:before { - border-top-color: $color-tooltip; + &.bs-tooltip-right .tooltip-arrow::before, + &.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { + border-right-color: $color-deep-purple; } - &.bs-tooltip-left .arrow:before { - border-left-color: $color-tooltip; + &.bs-tooltip-bottom .tooltip-arrow::before, + &.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { + border-bottom-color: $color-deep-purple; } - &.bs-tooltip-bottom .arrow:before { - border-bottom-color: $color-tooltip; + &.bs-tooltip-left .tooltip-arrow::before, + &.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { + border-left-color: $color-deep-purple; } - } +} + +// Additional fallback for older Bootstrap versions +.bs-tooltip-top .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { + border-top-color: $color-deep-purple; +} + +.bs-tooltip-right .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { + border-right-color: $color-deep-purple; +} + +.bs-tooltip-bottom .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { + border-bottom-color: $color-deep-purple; +} + +.bs-tooltip-left .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { + border-left-color: $color-deep-purple; +} diff --git a/docs/assets/scss/variables/_variables.colors.scss b/docs/assets/scss/variables/_variables.colors.scss index 006a4683a..6aade7442 100755 --- a/docs/assets/scss/variables/_variables.colors.scss +++ b/docs/assets/scss/variables/_variables.colors.scss @@ -6,7 +6,7 @@ $color-deep-purple: #1C0D3F; $color-indigo: #1B127D; $color-cobalt-blue: #2637EF; -$color-shocking-pink: #ED26B7; +$color-shocking-pink: #CF119C; $color-violet: #8104CA; $color-jade-green: #A3FFB0; $color-emerald-green: #20CA8B; diff --git a/docs/go.mod b/docs/go.mod index 5a06e5906..041a02440 100644 --- a/docs/go.mod +++ b/docs/go.mod @@ -4,7 +4,7 @@ go 1.20 require ( github.com/FortAwesome/Font-Awesome v0.0.0-20230327165841-0698449d50f2 // indirect - github.com/gooddata/gooddata-docs-theme v0.0.0-20250821103203-74c7725a1374 // indirect + github.com/gooddata/gooddata-docs-theme v0.0.0-20250924092250-449ef78afca9 // indirect github.com/google/docsy v0.7.1 // indirect github.com/google/docsy/dependencies v0.7.1 // indirect github.com/twbs/bootstrap v5.3.1+incompatible // indirect diff --git a/docs/go.sum b/docs/go.sum index e892d6179..51d833668 100644 --- a/docs/go.sum +++ b/docs/go.sum @@ -36,6 +36,10 @@ github.com/gooddata/gooddata-docs-theme v0.0.0-20250814105944-65486e0f9cfb h1:ac github.com/gooddata/gooddata-docs-theme v0.0.0-20250814105944-65486e0f9cfb/go.mod h1:VVNP6Cmo+vC37RD3T/YHjyU/QdqftGY5z4G513LYyrA= github.com/gooddata/gooddata-docs-theme v0.0.0-20250821103203-74c7725a1374 h1:pdQfwqjy/PW2CBh0HlMtgnsSuNHNLP+SyWlACDhSBnU= github.com/gooddata/gooddata-docs-theme v0.0.0-20250821103203-74c7725a1374/go.mod h1:VVNP6Cmo+vC37RD3T/YHjyU/QdqftGY5z4G513LYyrA= +github.com/gooddata/gooddata-docs-theme v0.0.0-20250923125026-872d754a05c7 h1:nvF4wBIH2xXN3sp46x//06Z/1kjj4PhippnYYpvOgp8= +github.com/gooddata/gooddata-docs-theme v0.0.0-20250923125026-872d754a05c7/go.mod h1:VVNP6Cmo+vC37RD3T/YHjyU/QdqftGY5z4G513LYyrA= +github.com/gooddata/gooddata-docs-theme v0.0.0-20250924092250-449ef78afca9 h1:RmQs22XW4f4rxSdOgVBKVP8t08+UoIeShLQtP8+y3yE= +github.com/gooddata/gooddata-docs-theme v0.0.0-20250924092250-449ef78afca9/go.mod h1:VVNP6Cmo+vC37RD3T/YHjyU/QdqftGY5z4G513LYyrA= github.com/google/docsy v0.7.1 h1:DUriA7Nr3lJjNi9Ulev1SfiG1sUYmvyDeU4nTp7uDxY= github.com/google/docsy v0.7.1/go.mod h1:JCmE+c+izhE0Rvzv3y+AzHhz1KdwlA9Oj5YBMklJcfc= github.com/google/docsy/dependencies v0.7.1 h1:NbzYKJYMin2q50xdWSUzR2c9gCp7zR/XHDBcxklEcTQ= diff --git a/docs/layouts/partials/ask-ai-button.html b/docs/layouts/partials/ask-ai-button.html new file mode 100644 index 000000000..c9b00d8f4 --- /dev/null +++ b/docs/layouts/partials/ask-ai-button.html @@ -0,0 +1,11 @@ +
+ +
diff --git a/docs/layouts/partials/footer.html b/docs/layouts/partials/footer.html index ed21d86c9..1169a2ab5 100644 --- a/docs/layouts/partials/footer.html +++ b/docs/layouts/partials/footer.html @@ -18,12 +18,14 @@ > {{ $link.title }} - {{ if $link.items }} + {{ if and $link.items (gt (len $link.items) 0) }} {{ end }} @@ -48,12 +50,14 @@ > {{ $link.title }} - {{ if $link.items }} + {{ if and $link.items (gt (len $link.items) 0) }} {{ end }} diff --git a/docs/layouts/partials/hooks/body-end.html b/docs/layouts/partials/hooks/body-end.html index 8f159e7c1..45ce4c241 100644 --- a/docs/layouts/partials/hooks/body-end.html +++ b/docs/layouts/partials/hooks/body-end.html @@ -7,3 +7,20 @@ +{{/* additional scripts */}} + + diff --git a/docs/layouts/partials/navbar.html b/docs/layouts/partials/navbar.html index 804dd3f2e..46abbf130 100644 --- a/docs/layouts/partials/navbar.html +++ b/docs/layouts/partials/navbar.html @@ -18,6 +18,7 @@
+ {{ partial "ask-ai-button.html" . }} {{ if .Site.Params.versions }}
{{ partial "navbar-version-selector.html" . }}