Saidit CSS updates April 2, 2022

submitted by magnora7 from (self.SaidIt)

sorted by:
top
newinsightfulfun
you are viewing a single comment's thread.

view the rest of the comments →

[–]magnora7[S] 2 insightful - 1 fun2 insightful - 0 fun3 insightful - 1 fun -  (4 children)

Yeah I just spent an hour working on that. I should have a fix tomorrow. It happens when a long link without any underscores (or spaces) occurs in a parent comment. Also the "codebox" (invoked with 4 spaces before typing) will mess up the width.

So like this page looks fine because there are no links or codeboxes: https://saidit.net/s/Europe/comments/93tq/british_hospitals_asking_men_if_they_are_pregnant/

But this one looks messed up: https://saidit.net/s/AskSaidIt/comments/93xe/am_i_reading_this_data_correct_184_of_unvaxed/

Right?

[–]soundsituation 3 insightful - 2 fun3 insightful - 1 fun4 insightful - 2 fun -  (3 children)

Yeah, the first link looks fine and the other one has the issue the issue I was talking about. Thanks for caring! I appreciate the work.

[–]magnora7[S] 3 insightful - 2 fun3 insightful - 1 fun4 insightful - 2 fun -  (2 children)

Glad to help! I think I finally got it sorted out, everything fits the page properly even in portrait mode. I discovered that safari phone browsers don't support the CSS "word-wrap: anywhere" command that is accepted by firefox and chrome, so I had to also use "word-break: break-all" CSS command to get it to work on safari.

Anyway should be all 100% fixed now, let me know that it looks good on your end.

[–]soundsituation 3 insightful - 2 fun3 insightful - 1 fun4 insightful - 2 fun -  (1 child)

Looks good now:) 👍

[–]magnora7[S] 2 insightful - 2 fun2 insightful - 1 fun3 insightful - 2 fun -  (0 children)

great!