From d9590e257e0e671ee819f3dffcb1389920c6f4df Mon Sep 17 00:00:00 2001 From: Sean Perkins Date: Thu, 16 Jun 2022 16:38:07 -0400 Subject: [PATCH 1/2] Revert "fix(item): multiple input appearance when using datetime (#25484)" This reverts commit 3089f38f4d335c44e9913e874813dd4205c2b160. --- core/src/components/datetime/datetime.scss | 13 ++++--------- 1 file changed, 4 insertions(+), 9 deletions(-) diff --git a/core/src/components/datetime/datetime.scss b/core/src/components/datetime/datetime.scss index 6878510a262..d8cc5382506 100644 --- a/core/src/components/datetime/datetime.scss +++ b/core/src/components/datetime/datetime.scss @@ -337,20 +337,15 @@ :host .calendar-day:after { @include border-radius(32px, 32px, 32px, 32px); @include padding(4px, 4px, 4px, 4px); - - position: absolute; - /** * Explicit position values are required here * as pseudo element positioning is incorrect * in older implementations of css grid. - * - * TODO: FW-1720: Remove top/left styles when deprecating iOS 13 support */ - /* stylelint-disable-next-line property-disallowed-list */ - top: 50%; - /* stylelint-disable-next-line property-disallowed-list */ - left: 50%; + + @include position(50%, null, null, 50%); + + position: absolute; width: 32px; height: 32px; From e97012c2f696a2a1da2dc8fc3504f474c4d359cc Mon Sep 17 00:00:00 2001 From: Sean Perkins Date: Fri, 17 Jun 2022 10:16:34 -0400 Subject: [PATCH 2/2] fix(item): multiple input appearance when using datetime Resolves #25483 --- core/src/components/datetime/datetime.scss | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/core/src/components/datetime/datetime.scss b/core/src/components/datetime/datetime.scss index d8cc5382506..e7ad2f6e0f0 100644 --- a/core/src/components/datetime/datetime.scss +++ b/core/src/components/datetime/datetime.scss @@ -337,15 +337,20 @@ :host .calendar-day:after { @include border-radius(32px, 32px, 32px, 32px); @include padding(4px, 4px, 4px, 4px); + + position: absolute; + /** * Explicit position values are required here * as pseudo element positioning is incorrect * in older implementations of css grid. + * + * TODO: FW-1720: Remove top/left styles when deprecating iOS 13 support */ - - @include position(50%, null, null, 50%); - - position: absolute; + /* stylelint-disable-next-line property-disallowed-list */ + top: 50%; + /* stylelint-disable-next-line property-disallowed-list */ + left: 50%; width: 32px; height: 32px;