[Cosmetic] Scroll bar with the mobile version in "Advanced search" screen

[Massedil]

1. Scroll bar appears with width = 360px while there is space available in the first col :

2. By the way, a lot of space is available when width = 788px :

[Massedil]

3. There is also an horizontal scroll bar if an email is too large (normal), but the scroll bar makes the header section scroll too (not normal). Expected : only the email body scroll from left to right ; not the headers.

[the-djmaze]

This is a very conflicting case.
In each language the size of text is different.
You have Répondu and Portuguese have Respondidas.

Répondu
Respondidas

Since most of the code is still based on Bootstrap.css (yes i hate it, but RainLoop choose for it and changing it is a lot of time and effort).
It is mostly inline-block based with fixed width (flex didn't exist or good supported by browsers).

Feel free to "fix" this if you want.

[Massedil]

Feel free to "fix" this if you want.

For point 1 and 2, can you review this ?

<style>

@media screen and (max-width: 999px) {
	
	#advancedsearchform .row,
	#advancedsearchform .span4, 
	#advancedsearchform select, 
	#advancedsearchform .control-group > * {
		width: 100% ;
		margin-left:0 ;
	}
	
}

</style>

It looks like this for me :

[Massedil]

And for the point n°3, can you review this :

.bodyText {
	overflow: scroll;
}

[the-djmaze]

You were on the right track.
I've modified it a bit so that bootstrap .row and .span4 are not used.

[Massedil]

I just updated to 2.22.7 and it well solves the horizontal scrollbar, thanks !

• I think you forgot to solve my point n°3 (overflow: scroll on .bodyText to avoid the actual scroll on #messageItem)

• About the two other points, you didn't wanted to use all the available space at the right ? I have this :

[the-djmaze]

• About the two other points, you didn't wanted to use all the available space at the right ?

Well i had wacky jumping results with Firefox on <select> they didn't become width: 100% ; but the same width as the largest option inside.
So that needs a bit more thought.

[Massedil]

And about the actual scroll on #messageItem ?