scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-1043): set overflow when active section to enable dropdowns to overflow

Browse Source
This commit is contained in:
Tobias Johansson
2024-12-04 15:30:25 +01:00
parent d9f1f6f1ab
commit eb92beacaf
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/HotelReservation/EnterDetails/SectionAccordion/sectionAccordion.module.css
View File

@@ -13,6 +13,7 @@
grid-template-rows: var(--header-height) 0fr; grid-template-rows: var(--header-height) 0fr;
column-gap: var(--Spacing-x-one-and-half); column-gap: var(--Spacing-x-one-and-half);
transform-origin: top;
} }
.accordion:last-child { .accordion:last-child {
@@ -90,12 +91,18 @@
.content { .content {
overflow: hidden; overflow: hidden;
grid-area: content; grid-area: content;
opacity: 0;
border-bottom: 1px solid var(--Primary-Light-On-Surface-Divider-subtle); border-bottom: 1px solid var(--Primary-Light-On-Surface-Divider-subtle);
transform-origin: top; transform-origin: top;
transition: 0.2s ease-out;
} }
.accordion[data-open="true"] .content { .accordion[data-open="true"] .content {
overflow: visible; /* DoB dropdowns needs to overflow in enter details step */ opacity: 1;
}
.content:has([data-open="true"]) {
overflow: visible;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {