New issue
Advanced search Search tips

Issue 848546 link

Starred by 6 users

Issue metadata

Status: Assigned
Owner:
Components:
EstimatedDays: 5
NextAction: ----
OS: Linux , Windows , Chrome , Mac
Pri: 2
Type: Bug
M-X

Blocking:
issue 820495
issue 822061



Sign in to add a comment

Tabs: Appearance for custom themes

Project Member Reported by pkasting@chromium.org, Jun 1 2018

Issue description

For themes (and likely Windows 7), we need to decide whether to draw strokes, and if so, how the strokes work.

Options include:

(1) Do nothing -- no strokes, draw dividers.  The dividers look bad in this case because the tab top arcs come to a "point" between the two tabs, and the the dividers are on one side of that point.  Also, the clash between background tab image and frame image could look awkward in some themes without a dividing stroke.

(2) Draw strokes around tabs, akin to pre-refresh.  For this, we probably want to:
** Change the dividers into a special-case version of the border stroke and then always draw the stroke
** When there are full strokes, be "inside" the interior on the leading edge (as with the current divider) and "outside" on the trailing edge (so the strokes of adjacent tabs overlap instead of being side-by-side

(3) Draw a flat-topped "background tab" region, likely with a stroke across the top, then draw tabs as today (dividers, no strokes) inside it

My suspicion is that option (3) will look bad with the short drag handle area once  bug 837014  is fixed, and I don't think (1) is polished enough to ship.  So my guess is we should do (2).

P2 because while it doesn't block initial dogfooding we really shouldn't ship without this.
 
Owner: pkasting@chromium.org
Status: Assigned (was: Untriaged)
Owner: bettes@chromium.org
bettes@ to help decide
Labels: Hotlist-Polish
Labels: Group-Themes
Update on comment 0:

(1) The dividers are now in the middle of the "arc", which improves the look of the dividers when tab shapes are visible.  I still don't think this looks great, but it's shippable.
(2) Now that we've changed how overlap works, where to draw strokes, if we did that, is more obvious.  That said, I'm not quite as happy with the idea of strokes as I was.  Still maybe worth playing with as a comparison point.
(3) I have a crappy prototype of this.  Screenshots attached:
* Real shots of trunk vs. prototype for three themes with wide tabs, and one theme with narrow tabs
* Mocks of win 7 glass with and without this change

I think overall the change is an improvement.  Code for the prototype is at https://chromium-review.googlesource.com/c/chromium/src/+/1150925 .
high_contrast.png
91.4 KB View Download
high_contrast_local.png
86.6 KB View Download
topography.png
219 KB View Download
topography_local.png
219 KB View Download
yulia_brodskaya.png
142 KB View Download
yulia_brodskaya_local.png
142 KB View Download
topography_narrow.png
123 KB View Download
topography_narrow_local.png
125 KB View Download
win7.png
18.6 KB View Download
win7_local_mock.png
18.5 KB View Download
Summary: Tabs: Appearance for custom themes (was: Tabs: Strokes for themes)
The desired action here at this point is for bettes@ to provide feedback on the appearance options here, in particular in light of the updates on comment 5.  The scope of this bug is "all cases where background tabs are visible".
Labels: M-X
Labels: Proj-DesktopUI
On Windows (beta) and Linux (70.0.3534.4 (Official Build) dev (64-bit)) with some themes I've been noticing that the new tab style makes it nearly impossible to distinguish the active tab from other tabs. This seems like a pretty bad issue.
Let me know if I should file a separate bug.
70-dark-theme-bad.png
25.6 KB View Download
70-less-dark-theme-ok.png
39.1 KB View Download
68-dark-theme-ok.png
24.0 KB View Download
@9: That would be bug 877741.
Labels: Hotlist-MdRefreshDesignPolish
Labels: -Proj-MdRefresh
Labels: Hotlist-DesktopUITriaged

Sign in to add a comment