From 7fb72df718ab690f6cda50fa0c9fd5f6b4e422aa Mon Sep 17 00:00:00 2001 From: Westbrook Johnson Date: Tue, 6 Oct 2020 17:31:22 -0400 Subject: [PATCH] fix(accordion): simplify header sizing, remove unmanaged custom property --- components/accordion/index.css | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/components/accordion/index.css b/components/accordion/index.css index c0424ad3bc..fed4283ffa 100644 --- a/components/accordion/index.css +++ b/components/accordion/index.css @@ -44,8 +44,8 @@ governing permissions and limitations under the License. position: absolute; inset-inline-start: var(--spectrum-accordion-item-padding-x); inset-block-start: calc( - var(--spectrum-accordion-item-height-actual) / 2 - - var(--spectrum-accordion-icon-height) / 2 + 50% - + var(--spectrum-accordion-icon-height) / 2 ); transition: transform ease var(--spectrum-accordion-animation-duration); @@ -69,7 +69,7 @@ governing permissions and limitations under the License. .spectrum-Accordion-itemHeading { margin: 0; - block-size: var(--spectrum-accordion-item-height); + position: relative; box-sizing: border-box; } @@ -91,7 +91,10 @@ governing permissions and limitations under the License. padding-inline-end: var(--spectrum-accordion-item-padding-x); margin: 0; - min-block-size: var(--spectrum-accordion-item-height-actual); + min-block-size: calc( + 100% - + var(--spectrum-accordion-item-border-size) + ); font-size: var(--spectrum-accordion-item-title-text-size); line-height: var(--spectrum-accordion-item-line-height); @@ -149,7 +152,10 @@ governing permissions and limitations under the License. > .spectrum-Accordion-itemHeader::after { /* No bottom border when open, so be less tall */ - block-size: var(--spectrum-accordion-item-height-actual); + block-size: calc( + 100% - + var(--spectrum-accordion-item-border-size) + ); } > .spectrum-Accordion-itemContent {