search

iftechfoundation / ifarchive-admintool

Admin script for IF Archive work
1 stars 1 forks source link

Bullets look weird #39

Closed dfabulich closed 8 months ago

dfabulich commented 8 months ago
image

https://upload.ifarchive.org/misc/admintool.css

ul {
    list-style: url("cssbullet.png");
    margin-left: 10px;
    padding-left: 9px;
    border-left: 3px solid #F0D0A0;
}

Bullets and a border seems wrong to me. I feel like it should be one or the other.

erkyrath commented 8 months ago

Sigh. They're supposed to look like this:

Untitled

My pixel-perfect alignment is Safari-only, I guess.

Nonetheless, I want both the grouping effect of the border and the position indication provided by the bullets. Omitting either was poor design -- I tried it.

dfabulich commented 8 months ago

Those bullets aren't pixel-perfect on Safari, either. When you zoom in on your scerenshot, you'll see that the bullet is slightly off-center.

Untitled

My pixel-perfect alignment is Safari-only, I guess.

If we want both a border and bullets, why not separate them, like this?

ul {
    list-style: url("cssbullet.png");
    margin-left: 10px;
    padding-left: 18px;
    border-left: 3px solid #F0D0A0;
}
image
erkyrath commented 8 months ago

I have revamped the CSS to a slightly different effect, but one which is consistent across browsers.