| @@ -33,9 +33,14 @@ | ||
| 33 | 33 | |
| 34 | 34 | .king-addons-image-accordion-wrap .king-addons-image-accordion-item { |
| 35 | 35 | position: relative; |
| 36 | 36 | overflow: hidden; |
| 37 | - flex: 1; | |
| 37 | + flex: 1 1 0%; | |
| 38 | + min-width: 0; | |
| 39 | + min-height: 0; | |
| 40 | + /* Duration comes from the widget control. Only flex-grow should move; | |
| 41 | + transitioning every property makes width snap when the transition ends. */ | |
| 42 | + transition-property: flex-grow; | |
| 38 | 43 | } |
| 39 | 44 | |
| 40 | 45 | .king-addons-image-accordion-wrap .king-addons-image-accordion-item .king-addons-accordion-background { |
| 41 | 46 | position: absolute; |
| @@ -75,8 +80,27 @@ | ||
| 75 | 80 | left: 0; |
| 76 | 81 | overflow: hidden; |
| 77 | 82 | width: 100%; |
| 78 | 83 | height: 100%; |
| 84 | +} | |
| 85 | + | |
| 86 | +.king-addons-image-accordion-row .king-addons-img-accordion-media-hover { | |
| 87 | + width: var(--king-acc-open-size, 100%); | |
| 88 | + height: 100%; | |
| 89 | +} | |
| 90 | + | |
| 91 | +.king-addons-image-accordion-column .king-addons-img-accordion-media-hover { | |
| 92 | + width: 100%; | |
| 93 | + height: var(--king-acc-open-size, 100%); | |
| 94 | +} | |
| 95 | + | |
| 96 | +.king-addons-img-accordion-item-title, | |
| 97 | +.king-addons-img-accordion-item-description, | |
| 98 | +.king-addons-img-accordion-item-button, | |
| 99 | +.king-addons-img-accordion-item-separator, | |
| 100 | +.king-addons-img-accordion-item-lightbox, | |
| 101 | +.king-addons-img-accordion-hover-bg { | |
| 102 | + transition-property: opacity, transform, filter; | |
| 79 | 103 | } |
| 80 | 104 | |
| 81 | 105 | .king-addons-img-accordion-media-hover-top { |
| 82 | 106 | position: absolute; |
