From 0129fd4aef709c150585a319f9a1d22eaef5d1d0 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Tue, 24 Nov 2020 23:10:52 +0000 Subject: [PATCH] Add border to transitioned properties of accordion-button open accordion button has a border of 1px, but a closed one suppresses the `border-bottom-width:0`. this caused an odd 1px jump on the accordion panel. now, the border width is transitioned at the same pace as the panel opening/closing transition, so no more perceptible jump --- scss/_variables.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scss/_variables.scss b/scss/_variables.scss index 31c0a1fae..9a8b95e1c 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -1028,7 +1028,7 @@ $accordion-button-padding-y: $accordion-padding-y !default; $accordion-button-padding-x: $accordion-padding-x !default; $accordion-button-color: $accordion-color !default; $accordion-button-bg: $accordion-bg !default; -$accordion-transition: $btn-transition, border-radius .15s ease !default; +$accordion-transition: $btn-transition, border-radius .15s ease, border .35s ease !default; // border transition matches speed of transition-collapse $accordion-button-active-bg: tint-color($component-active-bg, 90%) !default; $accordion-button-active-color: shade-color($primary, 10%) !default;