New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 795362 link

Starred by 5 users

Issue metadata

Status: Fixed
Owner:
Last visit > 30 days ago
Closed: Dec 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Chrome , Mac
Pri: 2
Type: Bug



Sign in to add a comment

WebUI: Fonts for cr-link-row elements are overridden to Arial (inherited from <button>)

Project Member Reported by scottchen@chromium.org, Dec 15 2017

Issue description

The user-agent stylesheet is actually overriding all the <button> element's fonts to Arial. 

This is not obvious at all in English since the two fonts are very very similar in English, but in other languages it could potentially be very drastic and looks ugly.

See attached screenshots for Simplified Chinese.

 
actual.png
19.1 KB View Download
actual_1.png
47.4 KB View Download
expected.png
19.2 KB View Download
expected_1.png
47.4 KB View Download
Cc: scottchen@chromium.org
Description: Show this description

Comment 3 by dpa...@chromium.org, Dec 15 2017

Components: UI>Browser>ExtensionsManagement
Summary: WebUI: Fonts for cr-link-row elements are overridden to Arial (inherited from <button>) (was: WebUI: Fonts for <button> elements are overridden to Arial)
Owner: dschuyler@chromium.org
Status: Started (was: Available)
Labels: OS-Chrome OS-Linux OS-Mac OS-Windows
Project Member

Comment 7 by bugdroid1@chromium.org, Dec 16 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/fa5363838df3648bac4323d51d71b101d4e22a30

commit fa5363838df3648bac4323d51d71b101d4e22a30
Author: Dave Schuyler <dschuyler@chromium.org>
Date: Sat Dec 16 01:57:44 2017

[CR elements] inherit font family for cr-link-row

This CL fixes the font family when overriding a <button> element with
is="cr-link-row". <button> was defaulting to Arial. This CL will inherit
its parents font family, which for MD WebUI is Roboto (with some fallbacks).

Bug:  795362 
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I3303425f2dd2e10c95a7f30bf6b919ec7140d4be
Reviewed-on: https://chromium-review.googlesource.com/830651
Reviewed-by: Scott Chen <scottchen@chromium.org>
Commit-Queue: Dave Schuyler <dschuyler@chromium.org>
Cr-Commit-Position: refs/heads/master@{#524560}
[modify] https://crrev.com/fa5363838df3648bac4323d51d71b101d4e22a30/ui/webui/resources/cr_elements/cr_link_row/cr_link_row.html

Labels: Merge-Request-64
This merge request is because of how small and low risk this change is. It's not critical though, feel free to reject the request.
Project Member

Comment 9 by sheriffbot@chromium.org, Dec 17 2017

Labels: -Merge-Request-64 Hotlist-Merge-Review Merge-Review-64
This bug requires manual review: M64 has already been promoted to the beta branch, so this requires manual review
Please contact the milestone owner if you have questions.
Owners: cmasso@(Android), cmasso@(iOS), kbleicher@(ChromeOS), abdulsyed@(Desktop)

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Labels: Needs-Feedback
dschuyler@,

As the above provided images are in chinese language, could you please help us to provide reproducible steps from TE end to verify this issue.

Thanks in advance..!


#10. I don't know how to read Chinese either :) I'm going by what scottchen@ tells me.

Though there's no need to read the language. This is a font-family change (like changing from Courier to Arial), the actual text itself is not changing. Scott has verified the 'expected' images in #0. My suggestion is to compare the images labeled expected and see if they look like they do on the screen. Another suggestion: try looking at the last line in each of the four images. Those give a good idea of how different the font style is.

Overall, if the current build looks like the pictures (especially the last line) in 'actual' then it's broken and if it looks like 'expected' then it's correct (at least per Scott, and I trust Scott).
Can also compare the english text, since the font also changed for English (even though the difference is less obvious). See attachments (before: Arial, after: Roboto).
english_arial.png
2.2 KB View Download
english_roboto.png
1.8 KB View Download
Labels: -Merge-Review-64 Merge-Approved-64
small very low risk change. Approving merge to M64. Branch:3282
Project Member

Comment 14 by bugdroid1@chromium.org, Dec 18 2017

Labels: -merge-approved-64 merge-merged-3282
The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/4d62dfd25300c59a81a11b8f08d5465d3c22e1fd

commit 4d62dfd25300c59a81a11b8f08d5465d3c22e1fd
Author: Dave Schuyler <dschuyler@chromium.org>
Date: Mon Dec 18 21:26:03 2017

[CR elements] inherit font family for cr-link-row

This CL fixes the font family when overriding a <button> element with
is="cr-link-row". <button> was defaulting to Arial. This CL will inherit
its parents font family, which for MD WebUI is Roboto (with some fallbacks).

Bug:  795362 
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I3303425f2dd2e10c95a7f30bf6b919ec7140d4be
Reviewed-on: https://chromium-review.googlesource.com/830651
Reviewed-by: Scott Chen <scottchen@chromium.org>
Commit-Queue: Dave Schuyler <dschuyler@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#524560}(cherry picked from commit fa5363838df3648bac4323d51d71b101d4e22a30)
Reviewed-on: https://chromium-review.googlesource.com/833130
Reviewed-by: Dave Schuyler <dschuyler@chromium.org>
Cr-Commit-Position: refs/branch-heads/3282@{#274}
Cr-Branched-From: 5fdc0fab22ce7efd32532ee989b223fa12f8171e-refs/heads/master@{#520840}
[modify] https://crrev.com/4d62dfd25300c59a81a11b8f08d5465d3c22e1fd/ui/webui/resources/cr_elements/cr_link_row/cr_link_row.html

Status: Fixed (was: Started)
Cc: msrchandra@chromium.org ranjitkan@chromium.org rbasuvula@chromium.org nyerramilli@chromium.org
 Issue 781681  has been merged into this issue.
 Issue 803145  has been merged into this issue.

Sign in to add a comment