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-size: 7px;
font-weight: 600; 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 { .blankmark {
font-size: 10px; font-size: 8px;
bottom: 0;
} }
</style> </style>
+4 -2
View File
@@ -415,9 +415,11 @@
font-size: 2.4cqw; font-size: 2.4cqw;
font-weight: 600; 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 { .blankmark {
font-size: 3.2cqw; font-size: 2.8cqw;
bottom: 0;
} }
.star { .star {
position: absolute; position: absolute;
+7 -5
View File
@@ -138,12 +138,14 @@
font-size: 0.7rem; font-size: 0.7rem;
font-weight: 600; 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 { .star {
position: absolute; position: absolute;
inset: 0; top: 8%;
display: grid; left: 0;
place-items: center; right: 0;
font-size: 1.5rem; text-align: center;
font-size: 1.7rem;
} }
</style> </style>