Commit Graph
11 Commits
Author SHA1 Message Date
Changhao Han a67320cd7c CSS <angle> component
Design doc: https://docs.google.com/document/d/1CvsRHYzEYO2ESLvferomPjqlnseVwnxp6Tb_WoXvfOE/edit#

Screencast run 1: https://imgur.com/a/73cBBZW

Screencast run 2: https://imgur.com/a/NSbMb0a

Bug: chromium:1126178
Change-Id: Id667caf1fafe0b47a8f9094846dd054d3abf264d
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2372546
Commit-Queue: Changhao Han <changhaohan@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
2020-10-16 15:42:07 +00:00
Alex Rudenko 25a810222f Warn when font-variation-settings are not used correctly
When font-variation-settings don't match the one supported by
relevant font faces, display a warning icon with warnings next
to the font-variation-settings property in the Styles panel.

Screenshot: https://i.imgur.com/JaHEvn1.png

Bug: 971878
Change-Id: I19a83bc003c282e19585edeabe0650e43bc4a36a
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2292280
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
Reviewed-by: Changhao Han <changhaohan@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
2020-07-16 06:38:21 +00:00
Alex Rudenko 70ae5dec37 Fix stylelint-config-standard issues in elements/stylesSectionTree.css
Bug: chromium:1083142
Change-Id: I7a5a04dce16208d0f1a340f21b66054d1bc4fc36
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2270234
Reviewed-by: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
2020-06-29 08:43:32 +00:00
Mathias Bynens ca9fa2d73f Consistently format CSS color and opacity values
- Prefer the modern comma-free CSS color function syntax over the
  legacy syntax. [1]
- Explicitly use the `deg` suffix for angle values in colors, to
  clarify the range.
- Explicitly use the `%` suffix for percentages instead of formatting
  the value as a number, again to clarify the range.

[1]: https://twitter.com/mathias/status/1253242715304857601
[2]: https://goo.gle/devtools-css-color

Bug: chromium:1083142
Fixed: chromium:1073885
Change-Id: I8e1582a2dee3553a61df88564051ea84c2011d76
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2209091
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
Auto-Submit: Mathias Bynens <mathias@chromium.org>
2020-05-19 16:50:26 +00:00
Mathias Bynens b0c1f4bce2 Fix stylelint-config-standard violations
Bug: chromium:1083142
Change-Id: I5ea4cc5d0f83e52856383ba37a47472e33eb19a2
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2204113
Commit-Queue: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Changhao Han <changhaohan@chromium.org>
Auto-Submit: Mathias Bynens <mathias@chromium.org>
Reviewed-by: Changhao Han <changhaohan@chromium.org>
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
2020-05-15 17:05:27 +00:00
Kham Udom 2de1869d1c High contrast pass to dropdowns, buttons and links
There are multiple changes in this patch. For the Styles panel,
the color on the the web property when focused, now changes to
HighlightText. The link is now LinkText color on rest and hover state,
but changes to HighlightText when focused.
The toolbar with drop-down, the history drop-down and search box
now have borders. The disabled text button is fixed, with the correct
background, foreground and border color. The toolbar button text has
the correct color on hover and focus.
Made another pass to remove !important

Before: https://imgur.com/a/PJRm3K0
After: https://imgur.com/a/kFUXCFp

Bug: 1048378
Change-Id: Ie33778a0129203b98c5426f2a4a58fc5ee34a568
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2063384
Commit-Queue: Kham Udom <khamu@microsoft.com>
Reviewed-by: Kalon Hinds <kahinds@microsoft.com>
2020-02-20 21:30:13 +00:00
Changhao Han 849b3de2b2 bypass URL trimming for style panel URL
CL for updating blink tests: https://chromium-review.googlesource.com/c/chromium/src/+/1972142

I provided a toggle instead of using CSS trimming for all the long URLs because there are other cases
that rely on the current behaviour. For example, the "Elements" panel shows URLs for <script> tags.
These URLs use the same _createLink(). The current trimming behaviour for the <script> tag might be desirable
because it truncates in the middle, leaving the end of the JS file path shown, which sometimes contains
important info (e.g. query parameters, file extensions).
Another part of implementation is to figure out the max width in every case. For now the text trimming is using
call-site-supplied max length, or the global default max URL length. Updating each case to use CSS to control
the length/width needs more time to investigate. But eventually this has the added benefit of avoiding
the visual problem where string's length doesn't match its visual length.

Ideally I want to switch all call sites of LinkifyURL to use CSS text-overflow trimming.
This effort is tracked in this task: https://bugs.chromium.org/p/chromium/issues/detail?id=1035676

Bug: chromium:1027168
Change-Id: I7ca2187697332b66345766edb1912c5d9085fc2a
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/1971830
Commit-Queue: Changhao Han <changhaohan@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
2019-12-19 09:05:28 +00:00
Mathias Bynens 9680e2e8b0 Drop -webkit-user-select in favor of user-select
Bug: chromium:1031475
Change-Id: Ibbf222135c97e79ae3be816216fec9675d643952
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/1953613
Commit-Queue: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Changhao Han <changhaohan@chromium.org>
Auto-Submit: Mathias Bynens <mathias@chromium.org>
Reviewed-by: Changhao Han <changhaohan@chromium.org>
2019-12-06 10:31:53 +00:00
Erik Luo 26f8407e92 DevTools: line-wrap grid areas in SSP
"grid" shorthand and "grid-template-areas" CSS properties may accept
an ascii-like structure as a value, representing the grid. This CL
wraps the value onto a newline once a new row begins.

Screenshot: https://imgur.com/a/c7y3ILm

Bug: 943858
Change-Id: I0268a9df2a2582aea60efcbd88f661780d4b0e07
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1531685
Commit-Queue: Erik Luo <luoe@chromium.org>
Reviewed-by: Joel Einbinder <einbinder@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#666446}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 83beea418ceeb531f30cf4e096c4b381cec8a5e4
2019-06-05 21:28:31 +00:00
Oriol Brufau 23e7fc0c85 [css-logical] Use standard logical properties in /third_party/blink
Bug 850000 added standard logical properties and aliased prefixed ones
to them. The prefixed properties are still used in various places, but
the standard ones should be used instead. This patch replaces all the
uses in /third_party/blink

Spec: https://drafts.csswg.org/css-logical/#box

BUG=862141

Change-Id: I4d50faa5071ce735931488990d6c2275e57932f7
Reviewed-on: https://chromium-review.googlesource.com/c/1163785
Reviewed-by: Dmitry Gozman <dgozman@chromium.org>
Reviewed-by: Morten Stenshorne <mstensho@chromium.org>
Commit-Queue: Oriol Brufau <obrufau@igalia.com>
Cr-Original-Commit-Position: refs/heads/master@{#600531}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 2976bc70cae2f802321faf3087573229e851bb0c
2018-10-17 20:07:31 +00:00
Blink Reformat 4c46d0969f The Great Blink mv for source files, part 2.
Move and rename files.

NOAUTOREVERT=true
NOPRESUBMIT=true
NOTREECHECKS=true
Bug: 768828
TBR=darin@chromium.org
NOTRY=true

Change-Id: I66d3b155808bc5bdbf237b80208e1e552bcf7f28
Reviewed-on: https://chromium-review.googlesource.com/1001153
Reviewed-by: Blink Reformat <blink-reformat@chromium.org>
Commit-Queue: Blink Reformat <blink-reformat@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#549061}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 0aee4434a4dba42a42abaea9bfbc0cd196a63bc1
2018-04-07 15:32:37 +00:00