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

Side by Side Diff: Source/devtools/front_end/elements/ElementsPanel.js

Issue 1312033008: Devtools UI: Upgrade breadcrumbs to material design UI (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 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 unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com> 3 * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
4 * Copyright (C) 2009 Joseph Pecoraro 4 * Copyright (C) 2009 Joseph Pecoraro
5 * 5 *
6 * Redistribution and use in source and binary forms, with or without 6 * Redistribution and use in source and binary forms, with or without
7 * modification, are permitted provided that the following conditions 7 * modification, are permitted provided that the following conditions
8 * are met: 8 * are met:
9 * 9 *
10 * 1. Redistributions of source code must retain the above copyright 10 * 1. Redistributions of source code must retain the above copyright
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
48 this._searchableView.setPlaceholder(WebInspector.UIString("Find by string, s elector, or XPath")); 48 this._searchableView.setPlaceholder(WebInspector.UIString("Find by string, s elector, or XPath"));
49 var stackElement = this._searchableView.element; 49 var stackElement = this._searchableView.element;
50 50
51 this._contentElement = createElement("div"); 51 this._contentElement = createElement("div");
52 var crumbsContainer = createElement("div"); 52 var crumbsContainer = createElement("div");
53 this._showLayoutEditor = false; 53 this._showLayoutEditor = false;
54 if (Runtime.experiments.isEnabled("materialDesign")) { 54 if (Runtime.experiments.isEnabled("materialDesign")) {
55 this._toolbar = this._createElementsToolbar(); 55 this._toolbar = this._createElementsToolbar();
56 var toolbar = stackElement.createChild("div", "elements-topbar hbox"); 56 var toolbar = stackElement.createChild("div", "elements-topbar hbox");
57 toolbar.appendChild(this._toolbar.element); 57 toolbar.appendChild(this._toolbar.element);
58 toolbar.appendChild(crumbsContainer);
59 stackElement.appendChild(this._contentElement);
60 } else {
61 stackElement.appendChild(this._contentElement);
62 stackElement.appendChild(crumbsContainer);
63 } 58 }
59 stackElement.appendChild(this._contentElement);
60 stackElement.appendChild(crumbsContainer);
64 61
65 this._elementsPanelTreeOutilneSplit = new WebInspector.SplitWidget(false, tr ue, "treeOutlineAnimationTimelineWidget", 300, 300); 62 this._elementsPanelTreeOutilneSplit = new WebInspector.SplitWidget(false, tr ue, "treeOutlineAnimationTimelineWidget", 300, 300);
66 this._elementsPanelTreeOutilneSplit.hideSidebar(); 63 this._elementsPanelTreeOutilneSplit.hideSidebar();
67 this._elementsPanelTreeOutilneSplit.setMainWidget(this._searchableView); 64 this._elementsPanelTreeOutilneSplit.setMainWidget(this._searchableView);
68 this._splitWidget.setMainWidget(this._elementsPanelTreeOutilneSplit); 65 this._splitWidget.setMainWidget(this._elementsPanelTreeOutilneSplit);
69 66
70 this._contentElement.id = "elements-content"; 67 this._contentElement.id = "elements-content";
71 // FIXME: crbug.com/425984 68 // FIXME: crbug.com/425984
72 if (WebInspector.moduleSetting("domWordWrap").get()) 69 if (WebInspector.moduleSetting("domWordWrap").get())
73 this._contentElement.classList.add("elements-wrap"); 70 this._contentElement.classList.add("elements-wrap");
(...skipping 1205 matching lines...) Expand 10 before | Expand all | Expand 10 after
1279 /** 1276 /**
1280 * @override 1277 * @override
1281 * @param {!WebInspector.DOMNode} node 1278 * @param {!WebInspector.DOMNode} node
1282 * @return {?{title: string, color: string}} 1279 * @return {?{title: string, color: string}}
1283 */ 1280 */
1284 decorate: function(node) 1281 decorate: function(node)
1285 { 1282 {
1286 return { color: "#555", title: WebInspector.UIString("Element is hidden" ) }; 1283 return { color: "#555", title: WebInspector.UIString("Element is hidden" ) };
1287 } 1284 }
1288 } 1285 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698