olcxjas-softworks/PLWL
2
0
Fork 0
Code Issues Pull requests Projects Releases 15 Packages Wiki Activity Actions

make small buttons look sharper

Browse source
This commit is contained in:
olcxja 2026-10-01 17:42:03 +02:00
commit c9f604863a
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
renderer/style.css
View file

@ -208,6 +208,9 @@ content {
gap: 0.4rem; gap: 0.4rem;
cursor: pointer; cursor: pointer;
white-space: nowrap; white-space: nowrap;
/* only Regular and Black faces are bundled, so >=600 resolves to the same
bold rendering on every button; primary just adds the filled style */
font-weight: 700;
backface-visibility: hidden; backface-visibility: hidden;
transform: translateZ(0); transform: translateZ(0);
will-change: transform; will-change: transform;
@ -469,8 +472,9 @@ select {
user-select: text; user-select: text;
} }
/* the reroll button shares the row with the code boxes, so it has to be just /* the reroll button shares the row with the code boxes, so it has to be just
as tall as them (the shared .small button is shorter) */ as tall as them and carry the same font size (the shared .small button is
.code-row .button { height: var(--button-height); } shorter and its 0.85rem text looks lost next to the code value) */
.code-row .button { height: var(--button-height); font-size: 1rem; }
.code-row #ls-sync-code { font-size: 1.25rem; font-weight: 700; letter-spacing: 0.3em; } .code-row #ls-sync-code { font-size: 1.25rem; font-weight: 700; letter-spacing: 0.3em; }
.check-group { display: flex; flex-direction: column; } .check-group { display: flex; flex-direction: column; }
.check-group .check-label { margin-top: 0.2rem; margin-bottom: 0.2rem; } .check-group .check-label { margin-top: 0.2rem; margin-bottom: 0.2rem; }