shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add checklist creation for filtered game results
All checks were successful
Deploy Sokko G / deploy (push) Successful in 18s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-29 23:27:10 +02:00
parent 0acf5ecf21
commit 962816bbb9
15 changed files with 414 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

82
website/src/styles/games/_lists.scss
View file

@ -19,6 +19,88 @@
min-height: 32px;
}
.results-checklist-modal.nds-modal {
width: min(560px, calc(100vw - 32px));
}
.results-checklist-modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--space-4);
}
.results-checklist-modal-header h2,
.results-checklist-modal .results-checklist-modal-description,
.results-checklist-modal .results-checklist-modal-notice,
.results-checklist-modal .results-checklist-modal-error {
margin-bottom: 0;
}
.results-checklist-modal-description {
margin-top: var(--space-3);
color: var(--color-text-secondary);
line-height: 1.55;
}
.results-checklist-modal-summary,
.results-checklist-modal-target {
display: grid;
gap: 4px;
margin-top: var(--space-4);
padding: var(--space-3) var(--space-4);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
background: rgba(5, 7, 17, 0.32);
}
.results-checklist-modal-summary span,
.results-checklist-modal-target span {
color: var(--color-text-muted);
font-size: var(--font-size-xs);
font-weight: 800;
text-transform: uppercase;
}
.results-checklist-modal-summary strong,
.results-checklist-modal-target strong {
color: var(--color-text-primary);
overflow-wrap: anywhere;
}
.results-checklist-modal-notice,
.results-checklist-modal-error {
margin-top: var(--space-4);
}
.results-checklist-modal-actions {
margin-top: var(--space-5);
}
.results-checklist-modal-actions .module-icon {
width: 20px;
height: 20px;
border: 0;
background: transparent;
box-shadow: none;
}
.results-checklist-modal-actions .module-icon-svg {
width: 18px;
height: 18px;
}
@media (max-width: 600px) {
.results-checklist-modal-actions {
align-items: stretch;
flex-direction: column;
}
.results-checklist-modal-actions .nds-button {
width: 100%;
}
}
.game-list-help-link {
width: fit-content;
margin-top: var(--space-3);