[Fixed] CSS: URL and bullet point alignment

Discussions related to the forums itself. Call for moderators. Trash Posts area.
User avatar
Hares
Filter Inserter
Filter Inserter
Posts: 845
Joined: Sat Oct 22, 2022 8:05 pm
Contact:

[Fixed] CSS: URL and bullet point alignment

Post by Hares »

Here's bullet list from one of my posts:

Code: Select all

[list]
[*] [url=https://forums.factorio.com/viewtopic.php?t=119681&p=632199#632199]119681: [2.0.14] Smart Belt adds underground when dragging backwards over existing belt (MR)[/url] -- Looks to be the original bug report
[*] [url=https://forums.factorio.com/viewtopic.php?t=119798&p=632657#632657]119798: [2.0.14] Smart belt bug: when dragging over obstacles or when dragging fast or when upgrading[/url] -- Most detailed bug description
[*] [url=https://forums.factorio.com/viewtopic.php?t=123193&p=646984#646984]123193: [2.0.22] Smart belt places extra underground belts[/url]
[/list]
And that's how it looks on mobile:
Screenshot_20241219_154233_Samsung Internet.png
Screenshot_20241219_154233_Samsung Internet.png (221.06 KiB) Viewed 1062 times
Bullet points are aligned with the bottom line of the URL, not with the message.
Fulgora is the best planet. Vulcanus needs rework. Feel free to prove me wrong.
Jap2.0
Smart Inserter
Smart Inserter
Posts: 2505
Joined: Tue Jun 20, 2017 12:02 am
Contact:

Re: CSS: URL and bullet point alignment

Post by Jap2.0 »

This is a consequence of a { display: inline-block; }. I don't know why links would be styled that way, to be honest, but presumably there's some reason?
There are 10 types of people: those who get this joke and those who don't.
User avatar
Hares
Filter Inserter
Filter Inserter
Posts: 845
Joined: Sat Oct 22, 2022 8:05 pm
Contact:

Re: CSS: URL and bullet point alignment

Post by Hares »

Jap2.0 wrote: Thu Dec 19, 2024 8:01 pm This is a consequence of a { display: inline-block; }. I don't know why links would be styled that way, to be honest, but presumably there's some reason?
Might be related to this: 124611: CSS: Strike + URL not working together
Koub wrote: Tue Dec 17, 2024 6:39 pm Yeah that's probably because of me ^^'. I requested from the forum admins to ignore most formatting on URLs, because the spambots were starting to be too creative with cheesy URL hiding : setting the text color to the same of the background, setting the font size to 1, ... It was increasingly difficult to spot links added by spammers, and several times, I let through spams before that. Much easier now :)
Fulgora is the best planet. Vulcanus needs rework. Feel free to prove me wrong.
Jap2.0
Smart Inserter
Smart Inserter
Posts: 2505
Joined: Tue Jun 20, 2017 12:02 am
Contact:

Re: CSS: URL and bullet point alignment

Post by Jap2.0 »

Hares wrote: Thu Dec 19, 2024 8:07 pm
Jap2.0 wrote: Thu Dec 19, 2024 8:01 pm This is a consequence of a { display: inline-block; }. I don't know why links would be styled that way, to be honest, but presumably there's some reason?
Might be related to this: 124611: CSS: Strike + URL not working together
Entirely possible, I don't see how setting it to be inline-block instead of just inline provides any benefit for that purpose though.

Testing for my own reference: example.com
There are 10 types of people: those who get this joke and those who don't.
Jap2.0
Smart Inserter
Smart Inserter
Posts: 2505
Joined: Tue Jun 20, 2017 12:02 am
Contact:

Re: CSS: URL and bullet point alignment

Post by Jap2.0 »

Oh, links being set to inline-block also appears to be why strike doesn't apply.
There are 10 types of people: those who get this joke and those who don't.
User avatar
Hares
Filter Inserter
Filter Inserter
Posts: 845
Joined: Sat Oct 22, 2022 8:05 pm
Contact:

Re: CSS: URL and bullet point alignment

Post by Hares »

More on the topic
Click to expand images
Upon further inspection, linebreak was discovered within the URL (after "Leech"). Removing it forces URL to start from a new line even no linebreak occur before it.

Ref: 125651: Enable burner inserter fuel leech
Fulgora is the best planet. Vulcanus needs rework. Feel free to prove me wrong.
User avatar
Sanqui
Factorio Staff
Factorio Staff
Posts: 361
Joined: Mon May 07, 2018 7:22 pm
Contact:

Re: CSS: URL and bullet point alignment

Post by Sanqui »

Code: Select all

a { display: inline-block; }
seems to be a default phpBB thing, complete with a comment saying it's done to "address several bugs with IE"... I think changing this default risks breaking the layout however I did change it to

Code: Select all

display: inline
for links in posts, so the problems listed in this thread and 124611 should go away.
ovo
Post Reply

Return to “This Forum”