Replace fieldset:nth-child(3) with fieldset.campsite-options

Previously, the only type with options was plots, that was always the
third fieldset, which was the wrong thing to hardcode, but it was done
in a hurry.  Now there are more types with options, so we have to do it
properly.
This commit is contained in:
jordi fita mas 2024-01-22 03:57:11 +01:00
parent fe9abf7d75
commit aa64e2e6e5
1 changed files with 3 additions and 6 deletions

View File

@ -1224,17 +1224,13 @@ input[type="checkbox"]:focus {
} }
#booking fieldset:first-of-type, #booking fieldset:first-of-type,
#booking fieldset:nth-of-type(3), #booking fieldset.campsite-options,
#booking fieldset:last-of-type { #booking fieldset:last-of-type {
display: grid; display: grid;
row-gap: 1em; row-gap: 1em;
column-gap: 1em; column-gap: 1em;
} }
#booking fieldset.campsite-options {
transition: opacity .25s ease-in;
}
#booking fieldset.campsite-options:not(.is-visible) { #booking fieldset.campsite-options:not(.is-visible) {
visibility: hidden; visibility: hidden;
max-height: 0; max-height: 0;
@ -1250,7 +1246,8 @@ input[type="checkbox"]:focus {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
#booking fieldset:nth-of-type(3) { #booking fieldset.campsite-options {
transition: opacity .25s ease-in;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
} }