thepaperpilot/Advent-Incremental
1
0
Fork 0
mirror of https://github.com/thepaperpilot/Advent-Incremental.git synced 2024-11-24 17:31:54 +00:00
Code Issues Releases Activity Actions

More display tweaking

Browse source
This commit is contained in:
thepaperpilot 2022-12-23 18:39:52 -06:00
parent bacf5c9191
commit 9f787e53a7
2 changed files with 6 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/data/layers/routing.tsx
View file

@ -594,17 +594,17 @@ const layer = createLayer(id, function (this: BaseLayer) {
const routes = currentRoutes.value.slice(); const routes = currentRoutes.value.slice();
let showPrevious = false; let showPrevious = false;
let showNext = 0; let showNext = 0;
if (routes.length > 18) { if (routes.length > 6) {
routes.splice(0, routeIndex.value); routes.splice(0, routeIndex.value);
showPrevious = true; showPrevious = true;
if (routes.length > 17) { if (routes.length > 6) {
showNext = routes.length - 16; showNext = routes.length - 5;
routes.splice(16); routes.splice(5);
} }
} }
return ( return (
<div class="routes-list"> <div class="routes-list">
{showPrevious ? ( {showPrevious && routeIndex.value > 0 ? (
<div class="checked">{formatWhole(routeIndex.value)} already checked</div> <div class="checked">{formatWhole(routeIndex.value)} already checked</div>
) : null} ) : null}
{routes.map((route, i) => { {routes.map((route, i) => {
@ -671,7 +671,7 @@ const layer = createLayer(id, function (this: BaseLayer) {
{render(city)} {render(city)}
{render(checkRouteProgressBar)} {render(checkRouteProgressBar)}
<Spacer /> <Spacer />
<h3>Routes to Check</h3> <h3>Checking Routes...</h3>
{displayRoutes()} {displayRoutes()}
<Spacer /> <Spacer />
{milestonesDisplay()} {milestonesDisplay()}

6
src/data/layers/styles/routing.css
View file

@ -1,9 +1,3 @@
.routes-list {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.routes-list .checked { .routes-list .checked {
color: var(--bought); color: var(--bought);
} }