From 329048c0dc1b577579415676ce9f80f4221a5880 Mon Sep 17 00:00:00 2001 From: fudom <143608856+fudom@users.noreply.github.com> Date: Tue, 10 Dec 2024 11:57:43 +0100 Subject: [PATCH 1/2] feat(toolbar) Add shadow parts --- core/src/components/toolbar/toolbar.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/core/src/components/toolbar/toolbar.tsx b/core/src/components/toolbar/toolbar.tsx index 0999d404272..55067777991 100644 --- a/core/src/components/toolbar/toolbar.tsx +++ b/core/src/components/toolbar/toolbar.tsx @@ -97,11 +97,11 @@ export class Toolbar implements ComponentInterface { }), }} > -
-
+
+
-
+
From 1f4390d75a7e3b1f3042afb0c8ccd4a37dbb3e9b Mon Sep 17 00:00:00 2001 From: Brandy Smith <6577830+brandyscarney@users.noreply.github.com> Date: Wed, 22 Jan 2025 16:37:59 -0500 Subject: [PATCH 2/2] docs(toolbar): document parts --- core/api.txt | 5 ++++- core/src/components/toolbar/toolbar.tsx | 4 ++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/core/api.txt b/core/api.txt index 67d49417556..6679bd89aa1 100644 --- a/core/api.txt +++ b/core/api.txt @@ -2000,4 +2000,7 @@ ion-toolbar,css-prop,--padding-end,md ion-toolbar,css-prop,--padding-start,ios ion-toolbar,css-prop,--padding-start,md ion-toolbar,css-prop,--padding-top,ios -ion-toolbar,css-prop,--padding-top,md \ No newline at end of file +ion-toolbar,css-prop,--padding-top,md +ion-toolbar,part,background +ion-toolbar,part,container +ion-toolbar,part,content \ No newline at end of file diff --git a/core/src/components/toolbar/toolbar.tsx b/core/src/components/toolbar/toolbar.tsx index 55067777991..d742953d9ad 100644 --- a/core/src/components/toolbar/toolbar.tsx +++ b/core/src/components/toolbar/toolbar.tsx @@ -13,6 +13,10 @@ import type { Color, CssClassMap, StyleEventDetail } from '../../interface'; * @slot secondary - Content is placed to the left of the toolbar text in `ios` mode, and directly to the right in `md` mode. * @slot primary - Content is placed to the right of the toolbar text in `ios` mode, and to the far right in `md` mode. * @slot end - Content is placed to the right of the toolbar text in LTR, and to the left in RTL. + * + * @part background - The background of the toolbar, covering the entire area behind the toolbar content. + * @part container - The container that wraps all toolbar content, including the default slot and named slot content. + * @part content - The container for the default slot, wrapping content provided without a named slot. */ @Component({ tag: 'ion-toolbar',