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

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

Issue 1574213006: DevTools: beautified styles sidebar toolbar. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: review comments addressed. Created 4 years, 11 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
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 94 matching lines...) Expand 10 before | Expand all | Expand 10 after
105 * @return {!Element} 105 * @return {!Element}
106 */ 106 */
107 _createStylesSidebarToolbar: function(ssp) 107 _createStylesSidebarToolbar: function(ssp)
108 { 108 {
109 var container = createElementWithClass("div", "styles-sidebar-pane-toolb ar-container"); 109 var container = createElementWithClass("div", "styles-sidebar-pane-toolb ar-container");
110 var hbox = container.createChild("div", "hbox styles-sidebar-pane-toolba r"); 110 var hbox = container.createChild("div", "hbox styles-sidebar-pane-toolba r");
111 var filterContainerElement = hbox.createChild("div", "styles-sidebar-pan e-filter-box"); 111 var filterContainerElement = hbox.createChild("div", "styles-sidebar-pan e-filter-box");
112 var filterInput = WebInspector.StylesSidebarPane.createPropertyFilterEle ment(WebInspector.UIString("Filter"), hbox, ssp.onFilterChanged.bind(ssp)); 112 var filterInput = WebInspector.StylesSidebarPane.createPropertyFilterEle ment(WebInspector.UIString("Filter"), hbox, ssp.onFilterChanged.bind(ssp));
113 filterContainerElement.appendChild(filterInput); 113 filterContainerElement.appendChild(filterInput);
114 var toolbar = new WebInspector.ExtensibleToolbar("styles-sidebarpane-too lbar", hbox); 114 var toolbar = new WebInspector.ExtensibleToolbar("styles-sidebarpane-too lbar", hbox);
115 toolbar.appendToolbarItem(WebInspector.StylesSidebarPane.createAddNewRul eButton(ssp)); 115 toolbar.onLoad().then(() => toolbar.appendToolbarItem(WebInspector.Style sSidebarPane.createAddNewRuleButton(ssp)));
116 toolbar.element.classList.add("styles-pane-toolbar"); 116 toolbar.element.classList.add("styles-pane-toolbar");
117 toolbar.makeToggledGray(); 117 toolbar.makeToggledGray();
118 var toolbarPaneContainer = container.createChild("div", "styles-sidebar- toolbar-pane-container"); 118 var toolbarPaneContainer = container.createChild("div", "styles-sidebar- toolbar-pane-container");
119 this._toolbarPaneElement = createElementWithClass("div", "styles-sidebar -toolbar-pane"); 119 this._toolbarPaneElement = createElementWithClass("div", "styles-sidebar -toolbar-pane");
120 toolbarPaneContainer.appendChild(this._toolbarPaneElement); 120 toolbarPaneContainer.appendChild(this._toolbarPaneElement);
121 return container; 121 return container;
122 }, 122 },
123 123
124 /** 124 /**
125 * @param {?WebInspector.Widget} widget 125 * @param {?WebInspector.Widget} widget
(...skipping 1137 matching lines...) Expand 10 before | Expand all | Expand 10 after
1263 */ 1263 */
1264 wasShown: function() 1264 wasShown: function()
1265 { 1265 {
1266 this._toolbarItem.setToggled(true); 1266 this._toolbarItem.setToggled(true);
1267 this._nodeChanged(); 1267 this._nodeChanged();
1268 WebInspector.ThrottledWidget.prototype.wasShown.call(this); 1268 WebInspector.ThrottledWidget.prototype.wasShown.call(this);
1269 }, 1269 },
1270 1270
1271 __proto__: WebInspector.ThrottledWidget.prototype 1271 __proto__: WebInspector.ThrottledWidget.prototype
1272 } 1272 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698