User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
Admin
Wyvern-shaped software developer and hobby vector artist. Also sometimes a fluffy werewolf alien creature (Areon).

Creator of the neofoxes, neocats and other emojis. wvrnBox
Website https://volpeon.ink/
Speaking German, English
Age 30s
Pronouns he / him
Backup Account @volpeon@goto.wyvern.rip
Bonus Content @areon@icy.wyvern.rip
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@lanodan ouch.avi
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
wvrnTilt
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
re: screen reader unfriendly @catraxx @Kurt I don't need an excuse to go wvrnScream EEEEEEEEE drgn_3c_evil
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
screen reader unfriendly @Kurt

wvrnScream EEEEEEEEEEEEEE
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@Akulatraxas

drgn_mlem
wvrnFlat
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
This post has attachments, but this server's configuration prevents them from being displayed here.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
:drgn_think_woozy: An anthro dragon riding a dragon while also having a small dragon familiar on their shoulder.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@lanodan It's very lighthearted. I like it
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@Lingondraken neofox_googly_blep
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Me and who
This post has attachments, but this server's configuration prevents them from being displayed here.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
🟥🟥🟥
⬛⬛🟥🟥
🟥🟥🟥🟥
🟥🟥🟥🟥
🟥⬛🟥
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@errant @vaporeon_

- Featherless
- Bitailed

→ That creature is Tails!
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@solidsanek I'm sure this text leads to brain aneurysms
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Somehow my VM's disk image got thoroughly corrupted. Won't boot due to to failing fsck. I can mount it on the host and do backups, but any attempt to repair it fails and I also can't copy it because of an error halfway through. Super weird.
Good thing I can set the whole VM up from scratch in like 30 min.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Apparently someone called me on Teams. I didn't hear anything. I only noticed because they sent a message immediately after, which Teams indicated with the notification sound. I love Teams.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Oh, Arch wiki is using Anubis now
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@stefan I'll try to explain the second one differently. wvrnFlat

So, a checkbox component consist of two parts: the box ☑️ and a label next to it. I overwrite the styling of checkboxes, which means I need to draw a custom ☑️.
However, the problem is that the current line height offsets the positions. If the label has a line height of 1.5, it will be taller than with line height 1 and the text will be a bit lower inside of the line. And because of this phenomenon, I also have to adjust the vertical position of the box to make it line up with the text. Otherwise you might get:
☑️
    the label



One solution could be to give the check box a fixed line height. The label would always have the same height, and that means I can also give the box the same fixed position.
But then it will look weird when placed into the page itself, because the text around the checkbox may have a different line height than the fixed line height I assigned to the check box. It would look like this:
some text:
           ☑️the label
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@stefan There are two cases where this is useful for me:

The first one is also shown in the article, which is establishing spacing between paragraphs and other elements which is relative to the line height. It's good typography to make it a multiple of the line height.

The second one is components. For instance, I have a checkbox component with custom styling, so I need to draw a box next to the label. The label has a line-height, and the box's position depends on that. Setting a fixed line-height to the checkbox would solve that problem, but then it would mess up the way it integrates into the page, because the line height I set may be different from the current line height. With the new line height unit, I can make these calculations actually use the active line height.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
It might seem like no big deal that the web gained two new units, lh and rlh, to reference line heights. Support shipped in every browser in 2023 without much fanfare.
webkit.org/blog/16831/line-height-units/
What the fuck, this is huge! The only way before was referencing the line height from a variable, but there's never a guarantee that it really is the current line height.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@freeplay wvrnScream E