after-dark icon indicating copy to clipboard operation
after-dark copied to clipboard

<li> padding cuts off '.' for lists longer than 9 items.

Open adworacz opened this issue 4 years ago • 4 comments

Messing around with it, the padding value seems to be set here:

https://github.com/getzola/after-dark/blob/9f1cc6cacec266f8a10fd53d0509d9d6250597e1/sass/_vendor.scss#L257

I'm not sure if that's the best place to fix this, but I figure it's more important to make the bug report right now.

Here's an example image of list items that have more than 10 items: 2020-12-05_21:59:05_maim

adworacz avatar Dec 06 '20 06:12 adworacz

Ah that's annoying. If you manage to fix it, I'll take a PR

Keats avatar Dec 06 '20 16:12 Keats

I'm a little rusty on my web dev skills, but is imply increasing the padding-left value to something like 30px the right answer here? Or is there some other magical trick that actually creates an even amount of spacing no matter how many digits are in the list?

adworacz avatar Dec 07 '20 05:12 adworacz

hmm I'll try locally in a bit (unless your site is live somewhere and I can just do it in the console)

Keats avatar Dec 07 '20 14:12 Keats

I do have a live site up that demonstrates this issue - note that I manually changed the padding-left value locally as a rough attempt at fixing the issue. The distance between the 1-9 and 10+ numbers is noticeable though, and I'm not sure how to solve that.

Here you go: https://austindw.com/openwrt-router-setup/#setting-up-sqm

adworacz avatar Dec 07 '20 17:12 adworacz