andras/decla-red
andras/decla-red
Watch
1
0
Fork
You've already forked decla-red
 0
Code Issues Pull requests 8 Projects Releases Packages 1 Wiki Activity Actions

Add minimap
Some checks failed
Build & deploy / Build & publish server image (pull_request) Has been skipped
Details
Build & deploy / Build & deploy website (pull_request) Failing after 52s
Details

Browse source
This commit is contained in:
Andras Schmelczer 2026-06-15 08:10:54 +01:00
commit 73f5f45322
1 changed files with 184 additions and 122 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/src/main.scss
View file

@ -231,25 +231,27 @@ body {
}
}
.other-player-arrow {
transition: transform 150ms;
@include square($large-icon);
// Top-down radar of the whole arena (see Minimap). The circular border is
// the world boundary; dots are painted onto the canvas.
.minimap {
top: $small-padding;
left: $small-padding;
@include square(132px);
// On narrow screens the centred scoreboard bar reaches close to the left
// edge, so drop the minimap below it to avoid a corner overlap.
@media (max-width: $breakpoint) {
@include square($small-icon);
@include square(96px);
top: calc(#{$small-padding} + 32px);
}
mask-image: url('../static/chevron.svg');
mask-size: contain;
&.blue {
background-color: $bright-blue;
}
&.red {
background-color: $bright-red;
}
border-radius: 1000px;
background-color: rgba(0, 0, 0, 0.35);
box-shadow:
inset 0 0 3px 0 rgba(0, 0, 0, 0.4),
0 0 10px rgba(0, 0, 0, 0.3);
border: $border-width solid rgba(255, 255, 255, 0.25);
z-index: 100;
}
// Off-screen pointer to the keystone "Heart", tinted by its current owner.