selectTopic(3)}
on:keydown={(e) => e.key === 'Enter' && selectTopic(3)}
role="button"
tabindex="0">
-
selectTopic(4)}
on:keydown={(e) => e.key === 'Enter' && selectTopic(4)}
role="button"
tabindex="0">
-
@@ -208,19 +204,19 @@
background-color: transparent;
}
- #help-modal-topic-frame-1 {
+ .help-modal-topic-frame:nth-child(1) {
grid-row: 1;
}
- #help-modal-topic-frame-2 {
+ .help-modal-topic-frame:nth-child(2) {
grid-row: 3;
}
- #help-modal-topic-frame-3 {
+ .help-modal-topic-frame:nth-child(3) {
grid-row: 5;
}
- #help-modal-topic-frame-4 {
+ .help-modal-topic-frame:nth-child(4) {
grid-row: 7;
}
@@ -243,19 +239,19 @@
color: var(--text-normal);
}
- #help-modal-topic-item-1 {
+ .help-modal-topic-item:nth-child(1) {
grid-row: 1;
}
- #help-modal-topic-item-2 {
+ .help-modal-topic-item:nth-child(2) {
grid-row: 3;
}
- #help-modal-topic-item-3 {
+ .help-modal-topic-item:nth-child(3) {
grid-row: 5;
}
- #help-modal-topic-item-4 {
+ .help-modal-topic-item:nth-child(4) {
grid-row: 7;
}