bug: breaking text in mobile view

[tusharnankani]

Note: potentially has to be changed in all repos of OTC.

[tusharnankani]

meetup/static/css/style.css

Lines 257 to 259 in 2db6f33

	a {
	word-break: break-all;
	}

Uh oh.
Why do we have this @HarshKapadia2?

[HarshKapadia2]

Ah. This had to be added on purpose, but I'm not sure whether I tested its requirement for our repos.

I had struggled a LOT with this on git_basics (Issue) and it has carried forward from there to all projects, as I'm scared of it happening again. 😅

As you correctly said:

Note: potentially has to be changed in all repos of OTC.

Yes.

So this essentially has to be tested on various browsers on desktops and mobiles.

[tusharnankani]

I had struggled a LOT with this on git_basics (HarshKapadia2/git_basics#71) and it has carried forward from there to all projects, as I'm scared of it happening again. 😅

Got it. But definitely is problematic for mobile views. Not that readable.

Is there a way we can break-all for links (or strings of certain lengths?)?

[HarshKapadia2]

Is there a way we can break-all for links

Isn't that the current behaviour? 👇

meetup/static/css/style.css

Lines 257 to 259 in 2db6f33

	a {
	word-break: break-all;
	}

or strings of certain lengths?

Oh damn how would I check length using CSS? JS would be required for that and I don't think it's worth that much effort.

[tusharnankani]

I meant for HarshKapadia2/git_basics#71, for such absolute links, we can break them.

Otherwise we break sentences (not words).

[HarshKapadia2]

Is links breaking weirdly at smaller screen sizes that much of an issue?

for such absolute links, we can break them.

Well that would mean testing the page on smaller screens every time, which adds more time to add/modify something and I'm sure we'll forget to test for that (The changes on this site are pretty last minute.), realise the issue when someone points it out or one of us checks it and then we would have to go and make the change again. This is pretty cumbersome.

[tusharnankani]

Is links breaking weirdly at smaller screen sizes that much of an issue?

It looks weird, in my opinion.