Jesse Ruderman Reporter
	Description • 25 years ago

The thing used to resize the sidebar (the "grippy") looks like a scrollbar. I've
tried several times to scroll in the sidebar using the grippy.

	sairuh (rarely reading bugmail)
	Comment 1 • 25 years ago

->jrgm for xptoolkit stuff.

	John Morrison
	Comment 2 • 25 years ago

This is really a UI design issue, no? That grippy can take whatever style is 
requested.

	shuang (gone)
	Comment 3 • 25 years ago

 Assign it to german for later polish. 

	german
	Comment 4 • 25 years ago

We found in usability studies, that once folks closed the sidebar, they had a
hard time finding the control to re-open it. Here's a proposal for a more
visible showing of state, adding arrows to indicate where the splitter will go
once the grippy is pressed.
Here's the XUL that would replace the current splitters section in global.css:
/******* Splitters *******/

splitter {
   min-width: 6px;
   min-height: 6px;
   padding: 0px;
}

splitter[state="dragging"]
{
   background-color: gray;
}

[align="vertical"]>splitter {
	/* a vertical splitter */
    cursor: n-resize;
}

[align="horizontal"]>splitter {
	/* a horizontal splitter */
    cursor: w-resize;
}

grippy{
	margin: 0px;
	border: 1px solid transparent;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #6699CC;
}

grippy:hover{
	border: 1px solid #003366;
	background-color: #6699CC;

}

grippy:active{
	border: 1px solid #003366;
	background-color: #6699CC;
}

[align="vertical"]>splitter grippy {
	/* a horizontal splitter */
	min-width: 65px;
	min-height: 8px;
	max-height: 8px;
}

[align="horizontal"]>splitter grippy {
	/* a horizontal splitter */
	min-width: 8px;
	max-width: 8px;
	min-height: 65px;
}

[align="horizontal"]>splitter[collapse="before"] grippy {
	/* a horizontal splitter collapsing to left, open*/
	background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
}

[align="horizontal"]>splitter[collapse="before"][state="collapsed"] grippy {
	/* a horizontal splitter collapsing to left, closed*/
	background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
}

[align="horizontal"]>splitter[collapse="after"] grippy {
	/* a horizontal splitter collapsing to right, open*/
	background-image: url("chrome://global/skin/grippy-horizontal-after.gif");
}

[align="horizontal"]>splitter[collapse="after"][state="collapsed"] grippy {
	/* a horizontal splitter collapsing to right, closed*/
	background-image: url("chrome://global/skin/grippy-horizontal-before.gif");
}

[align="vertical"]>splitter[collapse="before"] grippy {
	/* a vertical splitter collapsing to top, open*/
	background-image: url("chrome://global/skin/grippy-vertical-before.gif");
}

[align="vertical"]>splitter[collapse="before"][state="collapsed"] grippy {
	/* a vertical splitter collapsing to top, closed*/
	background-image: url("chrome://global/skin/grippy-vertical-after.gif");
}

[align="vertical"]>splitter[collapse="after"] grippy {
	/* a vertical splitter collapsing to bottom, open*/
	background-image: url("chrome://global/skin/grippy-vertical-after.gif");
}

[align="vertical"]>splitter[collapse="after"][state="collapsed"] grippy {
	/* a vertical splitter collapsing to bottom, closed*/
	background-image: url("chrome://global/skin/grippy-vertical-before.gif");
}
/**
 * gray horizontal splitter for pane views
 */
splitter.gray-horizontal-splitter {
	background-color: #CCCCCC;
}

splitter.gray-horizontal-splitter #begincap {
	min-width: 8px;
	max-width: 8px;
	background-image: url("chrome://global/skin/gray-bottomleft.gif");
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

splitter.gray-horizontal-splitter #endcap {
	min-width: 8px;
	max-width: 8px;
}

I will add the images in a zip file shortly as well as a screenhot.

	german
	Comment 7 • 25 years ago

re-assigning to Ben for review, possibly check-in if OK.

	german
	Comment 10 • 25 years ago

sorry for cluttering up that bug with the patched css for global.css. I meant to
do an attachment.

I found one minor glitch with what I posted before, and have now attached
patched version of both global.css and sidebarOverlay.css that should properly.
Ben, Slamm can you pls take a look? Thanks.

	Chris Nelson
	Comment 11 • 25 years ago

I have tested this on the 2000030708 Win32 build, and it looks good (and much 
better than the previous grippy). It behaves as expected - now if only the 
actual opening and closing worked as well...

	Ben Goodger (use ben at mozilla dot org for email)
	Comment 12 • 25 years ago

not a priority, pushing out as far as possible.

	Eli Goldberg
	Comment 13 • 25 years ago

QA Assigning non-confidential New/Assigned User Interface: Design Feedback bugs 
to Matthew Thomas (mpt@mailandnews.com).

Matthew Thomas is now the QA owner for the User Interface: Design Feedback 
component. (Bugs that involve UI issues in the Netscape-branded Mozilla browser 
should continue be QA assigned to elig@netscape.com.)

	Steve Lamm
	Comment 14 • 25 years ago

I'll take this one. I have new images to add. I am cleaning up other sidebar 
styles too.

	Steve Lamm
	Comment 15 • 25 years ago

I checked in a fix. The list-style-image for the grippy seems to be broken, so I
used background-image for now.

	Steve Lamm
	Comment 16 • 25 years ago

Ben's new sidebar look does not have an image on the grippy.

	Steve Lamm
	Comment 17 • 25 years ago

You broke it. You fix it.

	german
	Comment 18 • 25 years ago

adding nsbeta2. Need to fix this broken UI.

	leger
	Comment 19 • 25 years ago

Putting on [nsbeta2-] radar.  

	Brendan Donohoe
	Comment 20 • 25 years ago

*** Bug 44748 has been marked as a duplicate of this bug. ***

	johng
	Comment 21 • 25 years ago

important piece of polish

nsbeta3

	johng
	Comment 22 • 25 years ago

nav traige team:
[NEED INFO] is this fixed?  If so, please close the bug.  (If we run into new 
usability issues, we will open a new bug, but lets close this baby.)

	german
	Comment 23 • 25 years ago

This was fixed but one of Ben's checkins overrod the proper images. we have the 
updated images, so we should update the grippy to show the arrow heads rather 
than the 4-point ploygon it using now.  Will mark nsbeta3 and this will be fixed 
with the revamp of the modern skin. adding [modern skin] to summary.

	Matthew T (active 1999-2002)
	Comment 24 • 24 years ago

--> Themes

	hangas
	Comment 25 • 24 years ago

Marking nsbeta3- while assigned to german.  Should be reconsidered when assinged 
to an engineer.

	Todd Pringle
	Comment 26 • 24 years ago

German, is this fixed (appears to be with new sidebar graphics)?

	Jesse Ruderman Reporter
	Comment 27 • 24 years ago

This bug is actually about the "blue" skin, not the new "modern" skin.  It just 
didn't get updated after the name switch.

	german
	Comment 28 • 24 years ago

The blue skin is not actively maintained by Netscape anymore. If somebody wants
to take this bug and run with go for it. Temp. assigning to Ben since I think he
knows somebody on Mozilla who volunteered to keep blue up-to-date.

	Ben Goodger (use ben at mozilla dot org for email)
	Comment 29 • 24 years ago

sending to jag, as he has foolishly expressed interest in the Blue skin... ;) 

	Gilles Durys
	Comment 30 • 24 years ago

Blue is dead (see bug 72717)
Marking wontfix

	Peter Trudelle
	Comment 31 • 24 years ago

I'm sure Netscape wouldn't really  mind if someone wanted to keep Blue alive. 
It is checked into an open source project, after all.  Besides, jag owns the
bug, and can do whatever he wants with it.

	Peter "jag" Annema Assignee
	Comment 32 • 24 years ago

I say ditch blue, unless someone else wants to try and revive it.

However, I would like to see a light-weight skin replace blue. Any takers?