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

Add checklist switching and contextual memo ticker
All checks were successful
Deploy Sokko G / deploy (push) Successful in 19s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-28 09:40:29 +02:00
parent 273bc5d528
commit bd4059c9c1
16 changed files with 231 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

5
website/src/styles/_responsive.scss
View file

@ -101,6 +101,11 @@
justify-content: space-between;
}
.guide-checklist-page-actions {
flex-wrap: wrap;
justify-content: space-between;
}
.home-onboarding-steps-action {
padding-left: 0;
}

24
website/src/styles/games/_checklist.scss
View file

@ -18,13 +18,31 @@
justify-content: space-between;
}
.guide-checklist-page-controls {
display: flex;
display: grid;
align-self: flex-end;
gap: var(--space-2);
width: min(100%, 360px);
padding: 8px;
}
.guide-checklist-page-select {
display: flex;
align-items: center;
gap: var(--space-2);
color: var(--color-text-muted);
font-size: var(--font-size-xs);
font-weight: 700;
}
.guide-checklist-page-select > span { white-space: nowrap; }
.guide-checklist-page-select .nds-select {
width: auto;
min-width: 0;
flex: 1;
}
.guide-checklist-page-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: var(--space-2);
width: fit-content;
padding: 8px;
}
.guide-checklist-page-controls .nds-switch { max-width: 100%; }
.game-heading-navigation {

39
website/src/styles/toolboxes/_memos.scss
View file

@ -37,6 +37,45 @@
background: rgba(5, 7, 17, 0.56);
}
.global-memos-ticker {
position: fixed;
right: 12px;
bottom: 12px;
left: 260px;
z-index: 45;
padding: 6px;
border: 1px solid rgba(246, 196, 83, 0.28);
border-radius: var(--radius-lg);
background: rgba(7, 9, 19, 0.9);
box-shadow: var(--shadow-md);
backdrop-filter: blur(10px);
}
.global-memos-ticker .memos-ticker {
width: 100%;
background: rgba(5, 7, 17, 0.72);
}
.app-shell.sidebar-compact .global-memos-ticker {
left: 84px;
}
.app-shell:has(.global-memos-ticker) main {
padding-bottom: calc(var(--space-12) + 60px);
}
@media (max-width: 1024px) {
.global-memos-ticker { left: 84px; }
}
@media (max-width: 760px) {
.global-memos-ticker {
right: 12px;
bottom: 84px;
left: 12px;
}
}
.memos-ticker-track {
display: flex;
width: max-content;