Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(157)

Unified Diff: tracing/tracing/ui/base/list_view.html

Issue 3017523002: Fix uses of /deep/ in trace viewer. (Closed)
Patch Set: fix tests Created 3 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « tracing/tracing/ui/base/list_view.css ('k') | tracing/tracing/ui/base/quad_stack_view.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: tracing/tracing/ui/base/list_view.html
diff --git a/tracing/tracing/ui/base/list_view.html b/tracing/tracing/ui/base/list_view.html
index 1bcf6b99e58e9b4e5c0ce58bc8264df5e5ee50cd..6e2d16520165d39a954ed642f04b30da2c7a702f 100644
--- a/tracing/tracing/ui/base/list_view.html
+++ b/tracing/tracing/ui/base/list_view.html
@@ -5,8 +5,6 @@ Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
-<link rel="stylesheet" href="/tracing/ui/base/list_view.css">
-
<link rel="import" href="/tracing/base/event.html">
<link rel="import" href="/tracing/ui/base/container_that_decorates_its_children.html">
<link rel="import" href="/tracing/ui/base/ui.html">
@@ -32,6 +30,9 @@ tr.exportTo('tr.ui.b', function() {
tr.ui.b.ContainerThatDecoratesItsChildren.prototype.decorate.call(this);
Polymer.dom(this).classList.add('x-list-view');
+ this.style.display = 'block';
+ this.style.userSelect = 'none';
+ this.style.outline = 'none';
this.onItemClicked_ = this.onItemClicked_.bind(this);
this.onKeyDown_ = this.onKeyDown_.bind(this);
this.tabIndex = 0;
@@ -42,6 +43,10 @@ tr.exportTo('tr.ui.b', function() {
decorateChild_(item) {
Polymer.dom(item).classList.add('list-item');
+ item.style.paddingTop = '2px';
+ item.style.paddingRight = '4px';
+ item.style.paddingBottom = '2px';
+ item.style.paddingLeft = '4px';
item.addEventListener('click', this.onItemClicked_, true);
Object.defineProperty(
@@ -57,8 +62,12 @@ tr.exportTo('tr.ui.b', function() {
}
if (value) {
Polymer.dom(item).setAttribute('selected', 'selected');
+ item.style.backgroundColor = 'rgb(171, 217, 202)';
+ item.style.outline = '1px dotted rgba(0,0,0,0.1)';
+ item.style.outlineOffset = 0;
} else {
Polymer.dom(item).removeAttribute('selected');
+ item.style.backgroundColor = '';
}
const newSelection = this.selectedElement;
if (newSelection !== oldSelection) {
@@ -161,6 +170,7 @@ tr.exportTo('tr.ui.b', function() {
const item = document.createElement('div');
Polymer.dom(item).textContent = textContent;
Polymer.dom(this).appendChild(item);
+ item.style.userSelect = 'none';
return item;
}
« no previous file with comments | « tracing/tracing/ui/base/list_view.css ('k') | tracing/tracing/ui/base/quad_stack_view.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698