[Webkit-unassigned] [Bug 167641] Web Inspector: Placeholder text is clipped in the 'Enter Class Name' field at the bottom of Rules style sidebar in some localizations

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=167641

--- Comment #4 from Brian Burg <bburg at apple.com> ---
(In reply to comment #3)
> (In reply to comment #0)
> > The layout here is very narrow and hard to read in a lot of languages. I
> > attached one example. We could try making the box wider. I think in the
> > long-term, the class toggle/adder UI should go alongside forced
> > pseudoclasses at the top, not at the bottom.
> 
> Do you imagine it being always shown, but only revealed on scroll (similar
> to how the pseudo-classes are right now)?  If so, would this be above or
> below the pseudo-classes?  If not, should there still be a button somewhere
> to enable the listing of classes?

I imagine a section called Element Overrides with a scope bar-type thing that just shows two options that can be multiply selected. When the appropriate bar item is selected we show the pseudo overrides or the class toggle section below.

Element Overrides [:pseudo] [.class]
------------------------------------
[ ] :hover         [ ] :active
...
------------------------------------
[ Add new class ]
[ ] class1 [ ] class2 ....
------------------------------------

... rest of the rules ...

This is fairly similar to what Chrome does except our filters always go on the bottom, and it's possible to see both override sections expanded at the same time.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170211/2f5ec92d/attachment.html>