Issue Details (XML | Word | Printable)

Key: MDL-20233
Type: Sub-task Sub-task
Status: Resolved Resolved
Resolution: Fixed
Priority: Minor Minor
Assignee: Sam Hemelryk
Reporter: Nicolas Connault
Votes: 0
Watchers: 0
Operations

Add/Edit UI Mockup to this issue
If you were logged in you would be able to see more operations.
Moodle
MDL-14632

Settings block has a horizontal scroll bar and spreads out when hovered

Created: 08/Sep/09 03:35 PM   Updated: 12/Oct/09 02:06 PM
Return to search
Component/s: Usability
Affects Version/s: 2.0
Fix Version/s: 2.0

Environment: Firefox 3.5 on Linux (OpenSuse 11.1)

Participants: Nicolas Connault and Sam Hemelryk
Security Level: None
Difficulty: Easy
Resolved date: 12/Oct/09
Affected Branches: MOODLE_20_STABLE
Fixed Branches: MOODLE_20_STABLE


 Description  « Hide
When putting the settings block as a block (not docked), there is a horizontal scrollbar just above the search box. The scrollbar doesn't have an actual "drag" target on it.

When you hover on the block, it more than doubles in width, the only element looking any larger being this phantom scrollbar.

 All   Comments   Change History   Version Control      Sort Order: Ascending order - Click to sort in descending order
Sam Hemelryk added a comment - 09/Sep/09 11:14 AM
Hi Nicolas,

What you are seeing there is a feature, if you turn on editing, and go into block settings you will probably find that `Enable mouse-over expansion of this block` has been set to `Yes`.
This was the first method of trying to make the tree more usable as it is expanded.
When this setting is enabled the scroll bar is forced for overflow-x, this is because otherwise their is a bug in that when you mouse-over the box the scroll bar pops up and changes the height of the block, making all other blocks jump down 16~ish pixels, a rather awesome sight.
Because the scroll bar is forced you don't get a drag target unless you actually expand it beyond the default width.

I am interested to see what you think about it, I wasn't too sure to leave it in or take it out before the final commit but decided to leave it in as it may appeal to someone.


Nicolas Connault added a comment - 09/Sep/09 11:58 AM
This is tricky, because unless you expand some of the menus and see them being quite long, you don't understand the purpose of expanding the block. Ideally, it would only expand by the length of the longest displayed menu element. Not sure how tricky that would be to implement.

Nicolas Connault added a comment - 09/Sep/09 12:00 PM
Just a small point, the search box should be aligned left, so that it doesn't move when you hover on it.

Sam Hemelryk added a comment - 12/Oct/09 02:06 PM
Just submitted a tiny patch to ensure that if JS expansion is enabled the admin search box does not center align.
Allowing the box to expand to the width of the longest element is a good idea, however due to the CSS being applied to the side blocks and the way in which the expansion occurs it isn't a small task to make happen as a width must be specified (we are currently using 200%) .
This being said, after Petr touches down his theme changes (which are awesome) I will be going be working on the Anomaly theme and may get a chance to put some time into this.