fix(ui): align the Erudit blank star with neighbouring tiles
CI / changes (pull_request) Successful in 2s
CI / unit (pull_request) Has been skipped
CI / integration (pull_request) Has been skipped
CI / ui (pull_request) Successful in 54s
CI / gate (pull_request) Successful in 0s
CI / deploy (pull_request) Successful in 1m21s

Rack: the empty-blank star is now top-anchored level with the letters and a
touch larger (was centred, sitting low). Board and Stats best-move tiles: the
placed-blank star's ink is centred on the value digits' line (was slightly
high). CSS-only nudges; pixel offsets measured against the rendered glyphs.
This commit is contained in:
Ilia Denisov
2026-06-22 12:11:35 +02:00
parent e3e4cedc77
commit a393561d79
3 changed files with 15 additions and 9 deletions
+4 -2
View File
@@ -56,8 +56,10 @@
font-size: 7px;
font-weight: 600;
}
/* A placed Erudit blank ("звёздочка") shows its star where the (absent) point value sits. */
/* A placed Erudit blank ("звёздочка") shows its star where the (absent) point value sits,
its ink kept on the value digits' line (mirrors the board tile). */
.blankmark {
font-size: 10px;
font-size: 8px;
bottom: 0;
}
</style>
+4 -2
View File
@@ -415,9 +415,11 @@
font-size: 2.4cqw;
font-weight: 600;
}
/* A placed Erudit blank ("звёздочка") shows its star where the (absent) point value sits. */
/* A placed Erudit blank ("звёздочка") shows its star where the (absent) point value sits,
its ink centred on the same line as a neighbouring tile's value digit. */
.blankmark {
font-size: 3.2cqw;
font-size: 2.8cqw;
bottom: 0;
}
.star {
position: absolute;
+7 -5
View File
@@ -138,12 +138,14 @@
font-size: 0.7rem;
font-weight: 600;
}
/* Erudit's blank ("звёздочка") shows its star centred on the otherwise empty tile face. */
/* Erudit's blank ("звёздочка") shows its star horizontally centred on the otherwise empty
tile face, top-aligned with the neighbouring letters (slightly larger so it reads). */
.star {
position: absolute;
inset: 0;
display: grid;
place-items: center;
font-size: 1.5rem;
top: 8%;
left: 0;
right: 0;
text-align: center;
font-size: 1.7rem;
}
</style>