From 8225bd9723d1e01c272b9c1eeef62222c0c62005 Mon Sep 17 00:00:00 2001 From: Elad Shechter Date: Thu, 16 May 2024 16:59:30 +0200 Subject: [PATCH 1/2] Wizard Secondary small style updates --- packages/ui/src/8-grids/_wizard-secondary.scss | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/packages/ui/src/8-grids/_wizard-secondary.scss b/packages/ui/src/8-grids/_wizard-secondary.scss index a9818ce149..b33b3dcf15 100644 --- a/packages/ui/src/8-grids/_wizard-secondary.scss +++ b/packages/ui/src/8-grids/_wizard-secondary.scss @@ -1,13 +1,15 @@ @use '../abstract/index' as *; .wizard-secondary { + --wizard-aecondary-bg-color: var(--color-neutral-0); display:block; min-block-size:100dvh; padding-inline:pxToRem(32); + background-color:hsl(var(--wizard-aecondary-bg-color)); &-container { max-inline-size:pxToRem(1200); margin-inline:auto; } &-header { - position:sticky; inset-block-start:0; + position:sticky; z-index:1; inset-block-start:0; display:flex; flex-direction:column; gap:pxToRem(16); padding-block-start:pxToRem(32); padding-block-end:pxToRem(16); - background-color:hsl(var(--p-body-bg-color)); + background-color:hsl(var(--wizard-aecondary-bg-color)); } &-content { display:flex; gap:pxToRem(32); padding-block-start:pxToRem(16); @@ -16,11 +18,15 @@ &-options { position:sticky; inset-block-end:0; display:flex; gap:pxToRem(16); justify-content:space-between; padding-block:pxToRem(32); border-block-start:solid pxToRem(1) hsl(var(--color-border)); margin-block-start:pxToRem(32); - background-color:hsl(var(--p-body-bg-color)); + background-color:hsl(var(--wizard-aecondary-bg-color)); &-start { display:flex; gap:pxToRem(16); } &-end { display:flex; gap:pxToRem(16); } } + #{$theme-dark} & { + --wizard-aecondary-bg-color: var(--color-neutral-90); + } + @media #{$break1} { &-options { flex-direction:column-reverse; From 92403ad9ecdb73a35f6cf42184360c3359f57331 Mon Sep 17 00:00:00 2001 From: Arman Date: Thu, 16 May 2024 17:01:41 +0200 Subject: [PATCH 2/2] Create angry-coins-visit.md --- .changeset/angry-coins-visit.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/angry-coins-visit.md diff --git a/.changeset/angry-coins-visit.md b/.changeset/angry-coins-visit.md new file mode 100644 index 0000000000..eb49fc9c3d --- /dev/null +++ b/.changeset/angry-coins-visit.md @@ -0,0 +1,6 @@ +--- +"@appwrite.io/pink": minor +"@appwrite.io/pink-icons": minor +--- + +Wizard Secondary color and z-index