Navigation strip size.

[nimueth]

I prefer smaller fonts to DW's defalt, but everytime I decrease the page size in the editor, the navigation strip becomes uncomfortable to read.




Is there a way to fix the navstrip's size with CSS, so that it remains unaffected?

Comments

[afuna]

That's going to be changed back to how it was pretty soon so this may no longer be an issue shortly!

[nimueth]

What does shortly mean exactly? Because if it's a matter of months, then I'd rather change it now.

Plus if by "how it was" you mean the way it looks on this community's layout, I actually think the strip is too large! I guess my ideal would be to have a 10px or 11px, depending on the font family, so that's why I'd like to know if there's a way to play around with it.

[afuna]

shortly == now ;)

(should be 11px which is what it was before)

[nimueth]

Oooh! That's about perfect, yes. Sorry about that, I never really paid attention to the strip bar until it became hard to read, so I didn't know what the default size was. And sorry if I sounded impatient!

If I may ask, what happened that made them flexible (I guess that's the term)?

[afuna]

NP! Your question was perfect timing basically :)

We're trying to make the control strip not stretch the page on smaller screens so we adjusted the

[afuna]

NP! Your question was perfect timing basically :)

We're trying to make the control strip not stretch the page on smaller screens so we basically made it stop displaying on one line and tried to let it wrap when possible

[nimueth]

I remember noticing the change in mobile view on Monday, and then reading about that in the last announcement. Makes sense why it started bothering me only recently. x)

Anyway, thank you!

[afuna]

You're welcome!

[musyc]

we basically made it stop displaying on one line and tried to let it wrap when possible

Is there a simple, CSS-based way to undo that and put it back to one-line, no-wrap, full-width? Having it all squished to the left and breaking into multiple lines is seriously messing with my visual sense of balance. Like, to the point where I'm about to shut it off because it makes me nervous to look at it.

[ex_beautified302]

Adding this to your CSS seems to work:

#lj_controlstrip td {
display: table-cell;
white-space: nowrap; }

[musyc]

Thank you! That gave me the hint I needed. I took out the white-space because I don't actually care how tall the strip is, just how wide. XD On my tablet, I'm getting a nice single row all the way across now.

[ex_beautified302]

Whoops, that's my personal account! ;)

You're welcome!

[afuna]

Hrrm, try:

#lj_controlstrip td { display: table-cell; }

[carene_waterman]

I very strongly believe you need to step back and fix the html of the nav strip before you try to force it to be responsive with CSS.

There is no good semantic reason for it to be a table. Make it some divs or even list items, style them with inline block and any user or theme maker can easily override that, put fixed widths on them, adjust the placing with media queries etc. etc.

[afuna]

I agree in theory but I'm pretty wary of touching the control strip HTML structure, because everything then breaks all over again :/

[afuna]

On second thought I feel like this shod happen and now is probably the best time so I will file a bug for this!