Bug 339514 - [client] Problems with page header when names are very long
Summary: [client] Problems with page header when names are very long
Status: RESOLVED FIXED
Alias: None
Product: Orion (Archived)
Classification: ECD
Component: Client (show other bugs)
Version: 0.2   Edit
Hardware: PC Windows XP
: P3 normal (vote)
Target Milestone: 0.2   Edit
Assignee: Susan McCourt CLA
QA Contact:
URL:
Whiteboard:
Keywords: polish
Depends on:
Blocks:
 
Reported: 2011-03-10 08:17 EST by Szymon Brandys CLA
Modified: 2011-09-01 11:42 EDT (History)
2 users (show)

See Also:


Attachments
Illustration 1 (17.74 KB, image/png)
2011-03-10 08:19 EST, Szymon Brandys CLA
no flags Details
Illustration 2 (14.20 KB, image/png)
2011-03-10 08:21 EST, Szymon Brandys CLA
no flags Details
Illustration 3 (12.63 KB, image/png)
2011-03-10 08:22 EST, Szymon Brandys CLA
no flags Details
screenshot 4 (5.94 KB, image/png)
2011-03-10 13:58 EST, Susan McCourt CLA
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Szymon Brandys CLA 2011-03-10 08:17:05 EST
I noticed there is a problem with very long file names. It may be especially critical for mobile device users with smaller screens. I'll attach screenshots.
Comment 1 Szymon Brandys CLA 2011-03-10 08:19:38 EST
Created attachment 190851 [details]
Illustration 1
Comment 2 Szymon Brandys CLA 2011-03-10 08:21:04 EST
Created attachment 190852 [details]
Illustration 2
Comment 3 Szymon Brandys CLA 2011-03-10 08:22:54 EST
Created attachment 190854 [details]
Illustration 3
Comment 4 Susan McCourt CLA 2011-03-10 10:37:02 EST
the first two can be handled with CSS, the third one illustrates that we need an "expand the height" strategy for the top banner layout.  McQ had another case where the user name was super long and search flowed down below.
Comment 5 Susan McCourt CLA 2011-03-10 13:58:23 EST
Created attachment 190898 [details]
screenshot 4

similar to problem #2, if you edit a favorite name so that it is longer than the space you had, and then hit enter, you get the favorites positioned such that the right edge is visible but not the left.
Comment 6 Susan McCourt CLA 2011-04-19 20:16:32 EDT
Illustrations #1, 2, 4 have been fixed in the course of doing some other cleanup during M7.

So this bug is retargeted at the issue of the header not dealing with long names in both the breadcrumb as well as the user name.
Comment 7 Susan McCourt CLA 2011-05-25 12:25:59 EDT
moving styling bugs to RC1
Comment 8 Susan McCourt CLA 2011-06-10 11:12:19 EDT
This is much improved with the changes for bug 347181.  We have more room, and everything wraps.

BUT...

I have to specify a fixed height for dijit.BorderContainer to properly layout the header.  (Without one in the CSS, the header completely disappears).  So when the long lines wrap, the toolbar gets truncated.

Need to come up with a solution.
Comment 9 Susan McCourt CLA 2011-06-13 16:41:57 EDT
fixed with changes for bug 349213.
- border container honors min-height so we can force a height and let it grow.
- IE9 and Chrome 12 wanted to see text-align wrap before wrapping breadcrumb
- breadcrumb needed spaces not margins so that wrap would actually work.  

The end result is quite pleasing, the breadcrumb wraps and the header grows as needed.