I have been playing with this all day (although I admittidly know
NOTHING about CSS, but was able to figure enough out just playing with
the file). I discovered a few things throughout this, about interface
considerations.
There are 3 ways to handle the email and header display. The
current way, which I think we all agree is less than ideal. Another
way that is easy enough to implement with CSS, is to have just the
headers and message be inside a scroll page (basically, make
messageframe scroll). This works fairly well, except that normally
email clients keep the headers visible at all times. The final way,
having the headers always visible while the message scrolls, appears to
be very difficult to implement in CSS, and also has one very serious
flaw.
Currently, RoundCube always shows the entire sent/received/cc list
for an email. I have already had a few emails that were sent to large
groups and take up over half the page with this header. If you
implement the design where the header always shows and just the message
scrolls, some emails could be unreadable because of such long headers.
So, this brings up a few other options.
Personally, I feel that the ideal (but I don't know about ease of
implementation), is to have the header only show 1 line of Subject,
Sender, Copy, and Date by default, and then be able to expand the
header by clicking on a button (this is similiar to how Thunderbird
functions). This would allow the header always visible + message
scrolling method to be easier to implement (you will at least have a
better idea to how large the header is going to be), and also makes
sure the email will always be readable.
If we consider that to be too difficult, or not the way you want
it, it is very easy to make the whole messageframe scroll, and I went
ahead and attached the mail.css file I created that will demonstrate
this behavior (I works great in firefox, but I have no clue what needs
to be done to make it work in IE). Maybe if nothing else, this would
be a good solution for now, until you have time to implement the ideal.
Rob
P.S. I fixed an alignment issue, the top of the headers weren't lining
up like they should, it was off by 10 pixels. Changing line 406 of
mail.css from:
top: 70px;
to
top: 60px;
Fixes this alignment issue.
Justin Frydman wrote:
I will play with it more right now and see If I can get it
to mimic what you want.
Justin
On 10/18/05, Thomas Bruederli <roundcube@gmail.com> wrote:
Justin
Frydman wrote:
>> 1) When you are reading an email message, could it be in a
scroll-box
>> like your inbox, instead of the whole webpage scrolling? I
think it
>> looks better, is more consistant, and keeps the menus in
view.
>
> This is a simple fix.
>
> edit skins/default/mail.css
>
> find
>
>
> #messagebody
> {
> min-height: 300px;
> margin-top: 10px;
> margin-bottom: 50px;
> background-color: #FFFFFF;
> border: 1px solid #cccccc;
> border-top: none;
> }
>
> change to:
>
>
> #messagebody
> {
> height: 300px;
> overflow: auto;
> margin-top: 10px;
> margin-bottom: 50px;
> background-color: #FFFFFF;
> border: 1px solid #cccccc;
> border-top: none;
> }
>
> where 300px is how big you want your message window before
scrollbars
> appear. Tested in latest versions of Firefox, IE and Opera.
I see, this is no problem but I'd like to have the scrollable message
window scaled to the maximum space available (depends on the current
window size) before start scrolling. And this is what makes it difficult
because we don't know exactly how much space the headers will take and
if you set height:100% it'll take 100% of the window which is too much.
>
> Thanks,
>
> Justin
>
Thomas
!DSPAM:43553c9c275262062811138!