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

Issue 746711 link

Starred by 2 users

Issue metadata

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

Blocking:
issue 748131



Sign in to add a comment

Create vertical and horizontal guide lines on UI Devtools when cursor hovers on DOM node.

Project Member Reported by thanhph@chromium.org, Jul 19 2017

Issue description

Create vertical and horizontal guide lines on UI Devtools when cursor
hovers on DOM node.

This cl enables UI Devtools users to see vertical and horizontal guide
lines on UI along the borders of the hovered DOM node, rather than a
solid blue rectangle. This enables user have better visualization where
the UI element is.
 
Description: Show this description
Summary: Create vertical and horizontal guide lines on mouse hover on UI Element. (was: Create vertical and horizontal ruler on mouse hover on UI Element.)
Summary: Create vertical and horizontal guide lines on UI when cursor hovers on DOM node. (was: Create vertical and horizontal guide lines on mouse hover on UI Element.)
Summary: Create vertical and horizontal guide lines on UI when cursor hovers on UI elements in UI DevTools inspect mode (was: Create vertical and horizontal guide lines on UI when cursor hovers on DOM node.)
Blocking: 747404
Summary: Create vertical and horizontal guide lines on UI when cursor hovers on UI elements in UI DevTools DOM tree (was: Create vertical and horizontal guide lines on UI when cursor hovers on UI elements in UI DevTools inspect mode)
Blocking: -747404
Status: Started (was: Available)
CL: https://chromium-review.googlesource.com/c/582929/
Labels: -M-61 M-62
Description: Show this description
Blocking: 748131
Summary: Create vertical and horizontal guide lines on UI Devtools when cursor hovers on DOM node. (was: Create vertical and horizontal guide lines on UI when cursor hovers on UI elements in UI DevTools DOM tree)
Description: Show this description
Project Member

Comment 13 by bugdroid1@chromium.org, Aug 15 2017

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

commit 03b29a747c386b0dd712fc6c35ba0a1b96695ca3
Author: Thanh Pham <thanhph@chromium.org>
Date: Tue Aug 15 01:40:10 2017

Create vertical and horizontal guide lines on UI Devtools when cursor
hovers on DOM node.

This cl enables UI Devtools users to see vertical and horizontal guide
lines on UI along the borders of the hovered DOM node, rather than a
solid blue rectangle. This enables user have better visualization where
the UI element is.

Bug:  746711 
Change-Id: I307588bcb419e32040657e452802a9b401bdfa0e
Reviewed-on: https://chromium-review.googlesource.com/582929
Commit-Queue: Thanh Pham <thanhph@chromium.org>
Reviewed-by: Sadrul Chowdhury <sadrul@chromium.org>
Reviewed-by: Nico Weber <thakis@chromium.org>
Cr-Commit-Position: refs/heads/master@{#494297}
[modify] https://crrev.com/03b29a747c386b0dd712fc6c35ba0a1b96695ca3/components/ui_devtools/views/DEPS
[modify] https://crrev.com/03b29a747c386b0dd712fc6c35ba0a1b96695ca3/components/ui_devtools/views/ui_devtools_dom_agent.cc
[modify] https://crrev.com/03b29a747c386b0dd712fc6c35ba0a1b96695ca3/components/ui_devtools/views/ui_devtools_dom_agent.h
[modify] https://crrev.com/03b29a747c386b0dd712fc6c35ba0a1b96695ca3/components/ui_devtools/views/ui_devtools_overlay_agent.cc
[modify] https://crrev.com/03b29a747c386b0dd712fc6c35ba0a1b96695ca3/components/ui_devtools/views/ui_devtools_unittest.cc

Status: Fixed (was: Started)

Sign in to add a comment