Mana symbols are floating up just a tiny bit too high

User avatar
spacemonaut
Bauble reclaimer
Posts: 1378
Joined: 4 years ago
Answers: 10
Pronoun: she / her
Location: Scotland

Post by spacemonaut » 1 year ago

So mana symbols at the moment feel like they're slightly too high up on lines of text.

When I look at a card like this, the mana symbols are just ... floating upwards too much:

Very Cool Card 2GUR
Creature
1U, T: Do some cool stuff.

I took a close look and they're sitting just fine on the baseline:
2022-09-17_14-51-24_firefox.png

However, it turns out real cards do not position the mana cost symbols on the baseline. The symbols are dropped down slightly so that the inner text sits on the text baseline, so that e.g. the "1" in is as in line with the text as it would be if the circle around it was not there at all.
2022-09-17_14-55-38_firefox.jpg

We can get the exact same experience here by applying a margin-bottom of -2px to mana symbols:
2022-09-17_14-54-59_firefox.png

This winds up looking much better, I think, even when zoomed out.
Last edited by spacemonaut 1 year ago, edited 1 time in total.

User avatar
spacemonaut
Bauble reclaimer
Posts: 1378
Joined: 4 years ago
Answers: 10
Pronoun: she / her
Location: Scotland

Post by spacemonaut » 1 year ago

Here's a comparison of before/after.

2022-09-17_15-30-03_firefox.png
2022-09-17_15-30-11.png

(For whatever reason I could not attach either of these files to the original post, even though they're just 6kb. I got no feedback and no error. I desperately want attachments to be less nightmarish to work with, please!)

User avatar
Feyd_Ruin
Elder Vampire
Posts: 5410
Joined: 5 years ago
Answers: 3
Pronoun: he / him
Contact:

Post by Feyd_Ruin » 1 year ago

I've wrapped it into .post .content for now, as we use the class & symbols in a lot of other areas.
I also went with -0.1em so it'll move proportionately for larger fonts.
spacemonaut wrote:
1 year ago
I desperately want attachments to be less nightmarish
Did you save and attach, or paste?
To the beaten, the broken, or the damned; the lost, and the wayward: wherever I may be, you will have a home.

User avatar
spacemonaut
Bauble reclaimer
Posts: 1378
Joined: 4 years ago
Answers: 10
Pronoun: she / her
Location: Scotland

Post by spacemonaut » 1 year ago

Feyd_Ruin wrote:
1 year ago
Did you save and attach, or paste?
I had the file on my hard drive, hit "Add files" in the attachments panel, and absolutely nothing happened as a result.

I do get a console error though even now when trying to attach that file to my first post.
2022-09-17_17-29-59_firefox.png

Usually if I try to add multiple files at once, at least ones after the third give me some kind of warning status. However, it's not clear what that means or what I can do—the file still appears attached, I just can't place it inline, and the attachment window doesn't say anything at all about a limit on total number of attachments or total file size, so it's entirely unclear why these particular files are a problem.
2022-09-17_17-33-41_firefox.png
Last edited by spacemonaut 1 year ago, edited 1 time in total.

User avatar
spacemonaut
Bauble reclaimer
Posts: 1378
Joined: 4 years ago
Answers: 10
Pronoun: she / her
Location: Scotland

Post by spacemonaut » 1 year ago

Feyd_Ruin wrote:
1 year ago
I also went with -0.1em so it'll move proportionately for larger fonts.
Thank you! I think it might need to be -0.15em. An offset of 0.1 is too little and 0.2 is too much; 0.15 seems to be the sweet spot on small and large fonts.

User avatar
Feyd_Ruin
Elder Vampire
Posts: 5410
Joined: 5 years ago
Answers: 3
Pronoun: he / him
Contact:

Post by Feyd_Ruin » 1 year ago

I've adjusted some attachment settings.
Somehow the attachment limit was lower than it should have been, maybe that was the issue?
It's currently upped to 20 now.
To the beaten, the broken, or the damned; the lost, and the wayward: wherever I may be, you will have a home.

Post Reply Previous topicNext topic

Return to “Community Software Feedback and Bug Reports”