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:
parent
fe9abf7d75
commit
aa64e2e6e5
|
@ -1224,17 +1224,13 @@ input[type="checkbox"]:focus {
|
|||
}
|
||||
|
||||
#booking fieldset:first-of-type,
|
||||
#booking fieldset:nth-of-type(3),
|
||||
#booking fieldset.campsite-options,
|
||||
#booking fieldset:last-of-type {
|
||||
display: grid;
|
||||
row-gap: 1em;
|
||||
column-gap: 1em;
|
||||
}
|
||||
|
||||
#booking fieldset.campsite-options {
|
||||
transition: opacity .25s ease-in;
|
||||
}
|
||||
|
||||
#booking fieldset.campsite-options:not(.is-visible) {
|
||||
visibility: hidden;
|
||||
max-height: 0;
|
||||
|
@ -1250,7 +1246,8 @@ input[type="checkbox"]:focus {
|
|||
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);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue