Commit Graph
13 Commits
Author SHA1 Message Date
Benedikt Meurer 6f843716d5 [lmi] Add memory icon to Scope and Console preview.
This introduces a new memory icon next to ArrayBuffer, DataView,
TypedArray, and WebAssembly.Memory instances in the Scope and Console
previews which opens the linear memory inspector.

The current approach is a bit hacky, and should probably be revisted as
we redesign the object UI, but for now it's sufficient to make the
necessary progress here.

Screenshot: https://imgur.com/o5pSDGg.png
Fixed: chromium:1174063
Bug: chromium:1166577
Change-Id: I74b7f09e59c40c35cc3ac07c99bee31473224f79
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2671844
Commit-Queue: Benedikt Meurer <bmeurer@chromium.org>
Auto-Submit: Benedikt Meurer <bmeurer@chromium.org>
Reviewed-by: Kim-Anh Tran <kimanh@chromium.org>
2021-02-04 10:16:07 +00:00
Jack Franklin 8064d3ba7a Lint against non-theme-color variables
This CL turns on the use_theme_colors stylelint rule which enforces that
any colors use variables defined in our codebase.

There are many, many violations, unsurprisingly (about 1500), so for now
I have disabled every single violation. The goal of the dark mode
migration will be in part to remove all violations of this rule.

Additionally, new code going forwards should adhere to the rule and not
add the comment to disable the warning.

Bug: 1152736
Change-Id: I51372724ea51485daef3d4f75b7d3f60a7c8016f
No-Presubmit: true
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2671323
Commit-Queue: Jack Franklin <jacktfranklin@chromium.org>
Reviewed-by: Paul Lewis <aerotwist@chromium.org>
2021-02-03 11:02:09 +00:00
Jack Franklin 0d88cbb6fd Ban named-colors in our CSS
Used
https://css-tricks.com/snippets/css/named-colors-and-hex-equivalents/ as
the reference and did a bunch of find and replaces. Should be no visible
changes; have checked by running DevTools locally and looking for
anything that looks off.

Note that system colors (e.g. HighlightText) are still permitted.

Fixed: chromium:1171775
Bug: chromium:1104187
Change-Id: I99c281886822deb5a5292ac8691a4f2f9e026428
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2656243
Commit-Queue: Jack Franklin <jacktfranklin@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
2021-02-01 09:33:45 +00:00
Benedikt Meurer b6901af509 Fix display of floating point values with scientific notations.
This removes the special casing for the scientific notation, which
wasn't working as designed (likely), and instead uses the general
formatting for number values consistently now.

Also-By: alexrudenko@chromium.org
Before: https://imgur.com/fb46SeU.png
After: https://imgur.com/XHGIFro.png
Fixed: chromium:1167032
Change-Id: I8dee6308122d5c1ac88253dde6a518023da61733
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2631108
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
Commit-Queue: Benedikt Meurer <bmeurer@chromium.org>
Auto-Submit: Benedikt Meurer <bmeurer@chromium.org>
2021-01-15 12:24:06 +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 91c67413a6 Improve contrast for null and undefined values
Any `null` and `undefined` values logged to the Console are styled
in grey. This patch tweaks the shade of grey used in order to bring
the contrast to an acceptable level, for the light theme and the dark
theme alike.

Bug: chromium:1066415
Change-Id: I5e410013dbf6e87a7018e68c487f9e5d44993f6c
Fixed: chromium:1083126
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2203442
Commit-Queue: Mathias Bynens <mathias@chromium.org>
Reviewed-by: Alex Rudenko <alexrudenko@chromium.org>
2020-05-15 08:14:16 +00:00
Kalon Hinds 237b8541c1 Fix color contrast for string, symbol, and regex object values
This patch changes string, symbol, and regex object values to match the
syntax highligher color for these values.

Before: https://imgur.com/a/7vrwhap
After: https://imgur.com/a/jcopGaN
Bug: 1066549
Change-Id: I96e26cdfd2b5ffc24defc3bd93583190adc5fc29
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2140677
Reviewed-by: Jack Lynch <jalyn@microsoft.com>
Reviewed-by: Brandon Goddard <brgoddar@microsoft.com>
Commit-Queue: Kalon Hinds <kahinds@microsoft.com>
2020-04-08 18:34:11 +00:00
Benedikt Meurer 2d158d786b Allow long strings to wrap in the console.
Fixed: chromium:1054618
Change-Id: I9bba7a3a77bdc721ffd7c50bd40c81e39d4b5da9
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2074759
Commit-Queue: Benedikt Meurer <bmeurer@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
2020-02-26 19:18:56 +00:00
Kham Udom 047cb6914a Fixed high contrast in Elements panels.
Update the DOM tree panel by fixing missing expanded glyph, removed the
borders, set by the system. The borders should only be visible,
when elements are hovered or selected.

Made sure all the panels, Style, Computed, Event Listeners,
DOM Breakpoints, Properties, and Accessibility, have a hover state,
if there is one, in Default mode. Otherwise, all panels
should be navigable, with keyboard.

Before: https://imgur.com/a/XaXWvFW
After: https://imgur.com/a/1lBV1Br

Update:1
Addressed comments to move styles to a central location,
removed unnecessary use of forced-colors and !important
and unused rule sets.

Update:2
Address change to use border color, more refactoring work
to remove unnecessary !important, more work on centralizing
styles

Bug: 1048378

Change-Id: I6942eb46d6c741fdea3f062ac61ead7c6e9d1bbc
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2007930
Commit-Queue: Kham Udom <khamu@microsoft.com>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
2020-02-04 18:57:20 +00:00
Benedikt Meurer 069aa1b511 [devtools] Properly render whitespace in strings in the Watch panel.
Previously we would not show the whitespace properly for expressions
yielding strings directly, although it was working for properties inside
of objects.

Tbr: yangguo@chromium.org
Bug: chromium:1005797
Change-Id: I4bcb8197bac40b5e8564fc70082940d9c07fb006
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1827013
Reviewed-by: Benedikt Meurer <bmeurer@chromium.org>
Reviewed-by: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Benedikt Meurer <bmeurer@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#700615}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: dd158e11b9527655a9a7fde8ac35c9b8ad3b1bab
2019-09-27 08:22:27 +00:00
Junyi Xiao 0ccf6db244 Devtools: a11y fixes for Memory heap profiler
Accessibility testing revealed the following issues within the tool:
1. no focus indicator on javascript VM instances list

This change:
changes current selected/hover and adds selected but inactive color to match treeoutline in Element

Bug: 963183

Workflow gif: https://imgur.com/a/lHNTOP7

Change-Id: Iaed79d7166bf70011711be548ba66c65a57922da
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1678946
Commit-Queue: Junyi Xiao <juxiao@microsoft.com>
Reviewed-by: Alexei Filippov <alph@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#690483}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 522709bc5b3158fdaef516f391d382d7321e505f
2019-08-26 20:26:47 +00:00
Joel Einbinder e1c93d9cb6 DevTools: Remove 20kb of unused CSS
These css rules used classes that don't exist anywhere in the
javascript. A script was written to find them, but manually checking
is still needed because some scripts generate class names by
string concatenation like 'icon-' + iconType

Change-Id: I15c4f26451b9fa371b366a8977021e2af7eca449
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1618043
Commit-Queue: Joel Einbinder <einbinder@chromium.org>
Reviewed-by: Alexei Filippov <alph@chromium.org>
Reviewed-by: Erik Luo <luoe@chromium.org>
Cr-Original-Commit-Position: refs/heads/master@{#661630}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: e6f259d6e2834c9b0e2cbb0fdd7c9703e1fc6968
2019-05-21 06:16:13 +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