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

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

Issue 2979653004: DevTools: clean unused styles in Elements (Closed)
Patch Set: Created 3 years, 5 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 785 matching lines...) Expand 10 before | Expand all | Expand 10 after
796 if (splitMode === Elements.ElementsPanel._splitMode.Horizontal) { 796 if (splitMode === Elements.ElementsPanel._splitMode.Horizontal) {
797 // Styles and computed are merged into a single tab. 797 // Styles and computed are merged into a single tab.
798 stylesView.element.classList.add('flex-auto'); 798 stylesView.element.classList.add('flex-auto');
799 799
800 var splitWidget = new UI.SplitWidget(true, true, 'stylesPaneSplitViewState ', 215); 800 var splitWidget = new UI.SplitWidget(true, true, 'stylesPaneSplitViewState ', 215);
801 splitWidget.show(stylesView.element); 801 splitWidget.show(stylesView.element);
802 splitWidget.setMainWidget(matchedStylePanesWrapper); 802 splitWidget.setMainWidget(matchedStylePanesWrapper);
803 splitWidget.setSidebarWidget(computedStylePanesWrapper); 803 splitWidget.setSidebarWidget(computedStylePanesWrapper);
804 } else { 804 } else {
805 // Styles and computed are in separate tabs. 805 // Styles and computed are in separate tabs.
806 stylesView.element.classList.add('flex-auto', 'metrics-and-styles'); 806 stylesView.element.classList.add('flex-auto');
807 matchedStylePanesWrapper.show(stylesView.element); 807 matchedStylePanesWrapper.show(stylesView.element);
808 808
809 var computedView = new UI.SimpleView(Common.UIString('Computed')); 809 var computedView = new UI.SimpleView(Common.UIString('Computed'));
810 computedView.element.classList.add('composite', 'fill', 'metrics-and-compu ted'); 810 computedView.element.classList.add('composite', 'fill');
811 computedStylePanesWrapper.show(computedView.element); 811 computedStylePanesWrapper.show(computedView.element);
812 812
813 tabbedPane.addEventListener(UI.TabbedPane.Events.TabSelected, tabSelected, this); 813 tabbedPane.addEventListener(UI.TabbedPane.Events.TabSelected, tabSelected, this);
814 this.sidebarPaneView.appendView(computedView); 814 this.sidebarPaneView.appendView(computedView);
815 } 815 }
816 this._stylesViewToReveal = stylesView; 816 this._stylesViewToReveal = stylesView;
817 817
818 showMetrics.call(this, this._splitMode === Elements.ElementsPanel._splitMode .Horizontal); 818 showMetrics.call(this, this._splitMode === Elements.ElementsPanel._splitMode .Horizontal);
819 819
820 this.sidebarPaneView.appendApplicableItems('elements-sidebar'); 820 this.sidebarPaneView.appendApplicableItems('elements-sidebar');
(...skipping 163 matching lines...) Expand 10 before | Expand all | Expand 10 after
984 * @param {!SDK.DOMNode} node 984 * @param {!SDK.DOMNode} node
985 * @return {?{title: string, color: string}} 985 * @return {?{title: string, color: string}}
986 */ 986 */
987 decorate(node) { 987 decorate(node) {
988 return { 988 return {
989 color: 'orange', 989 color: 'orange',
990 title: Common.UIString('Element state: %s', ':' + node.domModel().cssModel ().pseudoState(node).join(', :')) 990 title: Common.UIString('Element state: %s', ':' + node.domModel().cssModel ().pseudoState(node).join(', :'))
991 }; 991 };
992 } 992 }
993 }; 993 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698