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: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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue