From c0d4b68dd2f105c76e323a93635bd72c86f803dc Mon Sep 17 00:00:00 2001 From: "pre-commit-ci[bot]" <66853113+pre-commit-ci[bot]@users.noreply.github.com> Date: Wed, 4 Dec 2024 15:35:41 +0000 Subject: [PATCH 1/4] [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --- vizro-core/docs/pages/tutorials/explore-components.md | 1 - 1 file changed, 1 deletion(-) diff --git a/vizro-core/docs/pages/tutorials/explore-components.md b/vizro-core/docs/pages/tutorials/explore-components.md index edc67c2db..e386676e7 100644 --- a/vizro-core/docs/pages/tutorials/explore-components.md +++ b/vizro-core/docs/pages/tutorials/explore-components.md @@ -571,7 +571,6 @@ Vizro doesn't end here, and we only covered the key features, but there is still - How to use [Actions](../user-guides/actions.md) for example, for chart interaction or custom controls. - How to create dashboards from `yaml`, `dict` or `json` following the [dashboard guide](../user-guides/dashboard.md). -[finalpage]: ../../assets/tutorials/dashboard/dashboard4.png [finalpage1]: ../../assets/tutorials/dashboard/dashboard-first-page.png [finalpage2]: ../../assets/tutorials/dashboard/dashboard-second-page.png [firstpage1]: ../../assets/tutorials/dashboard/dashboard21.png From 55929a5b64c93af01c2d0c675fb929184448e6aa Mon Sep 17 00:00:00 2001 From: Li Nguyen <90609403+huong-li-nguyen@users.noreply.github.com> Date: Wed, 4 Dec 2024 16:46:08 +0100 Subject: [PATCH 2/4] Update vizro-core/docs/pages/tutorials/explore-components.md Co-authored-by: Jo Stichbury --- vizro-core/docs/pages/tutorials/explore-components.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/vizro-core/docs/pages/tutorials/explore-components.md b/vizro-core/docs/pages/tutorials/explore-components.md index e386676e7..0e2dbd32f 100644 --- a/vizro-core/docs/pages/tutorials/explore-components.md +++ b/vizro-core/docs/pages/tutorials/explore-components.md @@ -462,7 +462,7 @@ You can apply selectors to configure [`Filters`][vizro.models.Filter] and [`Para Each page is added to the dashboard using the following line of code: `vm.Dashboard(pages=[first_page, second_page])`. This ensures that all the pages are accessible. -By default, a navigation panel is added on the left side to switch between the two pages. +By default, a navigation panel on the left side enables the user to switch between the two pages. !!! example "Final dashboard" === "Code" From 395d4e492b9ad088ccdfc1942ff0766580e7700f Mon Sep 17 00:00:00 2001 From: Li Nguyen <90609403+huong-li-nguyen@users.noreply.github.com> Date: Wed, 4 Dec 2024 16:46:22 +0100 Subject: [PATCH 3/4] Update vizro-core/docs/pages/user-guides/card-button.md Co-authored-by: Jo Stichbury --- vizro-core/docs/pages/user-guides/card-button.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/vizro-core/docs/pages/user-guides/card-button.md b/vizro-core/docs/pages/user-guides/card-button.md index 4d1edfa64..e3749eac2 100755 --- a/vizro-core/docs/pages/user-guides/card-button.md +++ b/vizro-core/docs/pages/user-guides/card-button.md @@ -406,7 +406,9 @@ To float an image for example to the right of the text, use the `src` attribute ### Make an icon responsive to theme switch -To make an icon responsive to theme switching, override its [`filter` CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/filter). In this example, we use the `--fill-icon-image-card` CSS variable from the `vizro-bootstrap` CSS file. It leverages the `invert()` function to flip the icon's color during a theme switch. +To make an icon responsive to theme switching, override its [`filter` CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/filter). + +In this example, we use the `--fill-icon-image-card` CSS variable from the `vizro-bootstrap` CSS file. It uses the `invert()` function to flip the icon's color during a theme switch. This approach works if your icon initially has a white fill color. If not, modify the SVG code by adding `fill="white"`. From db51d40736b68857bfc801828ecbbf221b266e6b Mon Sep 17 00:00:00 2001 From: "pre-commit-ci[bot]" <66853113+pre-commit-ci[bot]@users.noreply.github.com> Date: Wed, 4 Dec 2024 15:46:47 +0000 Subject: [PATCH 4/4] [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --- vizro-core/docs/pages/user-guides/card-button.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/vizro-core/docs/pages/user-guides/card-button.md b/vizro-core/docs/pages/user-guides/card-button.md index e3749eac2..7da72d8f1 100755 --- a/vizro-core/docs/pages/user-guides/card-button.md +++ b/vizro-core/docs/pages/user-guides/card-button.md @@ -406,7 +406,7 @@ To float an image for example to the right of the text, use the `src` attribute ### Make an icon responsive to theme switch -To make an icon responsive to theme switching, override its [`filter` CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/filter). +To make an icon responsive to theme switching, override its [`filter` CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/filter). In this example, we use the `--fill-icon-image-card` CSS variable from the `vizro-bootstrap` CSS file. It uses the `invert()` function to flip the icon's color during a theme switch.