Update layout of seasonal rules in configuration page for improved responsiveness
This commit is contained in:
@@ -613,7 +613,8 @@
|
|||||||
}
|
}
|
||||||
.seasonal-rule-content {
|
.seasonal-rule-content {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 2fr 1fr 1fr 2fr;
|
/* grid-template-columns: 2fr 1fr 1fr 2fr; */
|
||||||
|
grid-template-columns: 2fr 1.2fr 1.2fr 1.6fr;
|
||||||
gap: 15px;
|
gap: 15px;
|
||||||
align-items: end;
|
align-items: end;
|
||||||
}
|
}
|
||||||
@@ -735,6 +736,7 @@
|
|||||||
|
|
||||||
// Set values programmatically to ensure they are correctly populated
|
// Set values programmatically to ensure they are correctly populated
|
||||||
div.querySelector('.rule-name').value = name;
|
div.querySelector('.rule-name').value = name;
|
||||||
|
div.querySelector('.rule-title').innerText = name;
|
||||||
div.querySelector('.rule-start-day').value = startDay;
|
div.querySelector('.rule-start-day').value = startDay;
|
||||||
div.querySelector('.rule-start-month').value = startMonth;
|
div.querySelector('.rule-start-month').value = startMonth;
|
||||||
div.querySelector('.rule-end-day').value = endDay;
|
div.querySelector('.rule-end-day').value = endDay;
|
||||||
|
|||||||
Reference in New Issue
Block a user