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

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

Issue 649633005: DevTools: fix nowrap style in the elements panel. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 2 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 27 matching lines...) Expand all
38 */ 38 */
39 WebInspector.ElementsTreeOutline = function(target, omitRootDOMNode, selectEnabl ed, setPseudoClassCallback) 39 WebInspector.ElementsTreeOutline = function(target, omitRootDOMNode, selectEnabl ed, setPseudoClassCallback)
40 { 40 {
41 this._target = target; 41 this._target = target;
42 this._domModel = target.domModel; 42 this._domModel = target.domModel;
43 var element = createElement("div"); 43 var element = createElement("div");
44 44
45 this._shadowRoot = element.createShadowRoot(); 45 this._shadowRoot = element.createShadowRoot();
46 this._shadowRoot.appendChild(WebInspector.View.createStyleElement("elements/ elementsTreeOutline.css")); 46 this._shadowRoot.appendChild(WebInspector.View.createStyleElement("elements/ elementsTreeOutline.css"));
47 47
48 var outlineDisclosureElement = this._shadowRoot.createChild("div", "componen t-root outline-disclosure source-code"); 48 var outlineDisclosureElement = this._shadowRoot.createChild("div", "componen t-root outline-disclosure");
49 this._element = outlineDisclosureElement.createChild("ol", "elements-tree-ou tline"); 49 this._element = outlineDisclosureElement.createChild("ol", "elements-tree-ou tline source-code");
50 this._element.addEventListener("mousedown", this._onmousedown.bind(this), fa lse); 50 this._element.addEventListener("mousedown", this._onmousedown.bind(this), fa lse);
51 this._element.addEventListener("mousemove", this._onmousemove.bind(this), fa lse); 51 this._element.addEventListener("mousemove", this._onmousemove.bind(this), fa lse);
52 this._element.addEventListener("mouseleave", this._onmouseleave.bind(this), false); 52 this._element.addEventListener("mouseleave", this._onmouseleave.bind(this), false);
53 this._element.addEventListener("dragstart", this._ondragstart.bind(this), fa lse); 53 this._element.addEventListener("dragstart", this._ondragstart.bind(this), fa lse);
54 this._element.addEventListener("dragover", this._ondragover.bind(this), fals e); 54 this._element.addEventListener("dragover", this._ondragover.bind(this), fals e);
55 this._element.addEventListener("dragleave", this._ondragleave.bind(this), fa lse); 55 this._element.addEventListener("dragleave", this._ondragleave.bind(this), fa lse);
56 this._element.addEventListener("drop", this._ondrop.bind(this), false); 56 this._element.addEventListener("drop", this._ondrop.bind(this), false);
57 this._element.addEventListener("dragend", this._ondragend.bind(this), false) ; 57 this._element.addEventListener("dragend", this._ondragend.bind(this), false) ;
58 this._element.addEventListener("keydown", this._onkeydown.bind(this), false) ; 58 this._element.addEventListener("keydown", this._onkeydown.bind(this), false) ;
59 this._element.addEventListener("webkitAnimationEnd", this._onAnimationEnd.bi nd(this), false); 59 this._element.addEventListener("webkitAnimationEnd", this._onAnimationEnd.bi nd(this), false);
(...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after
106 "\u200f": "rlm", 106 "\u200f": "rlm",
107 "\u202a": "#8234", // LRE 107 "\u202a": "#8234", // LRE
108 "\u202b": "#8235", // RLE 108 "\u202b": "#8235", // RLE
109 "\u202c": "#8236", // PDF 109 "\u202c": "#8236", // PDF
110 "\u202d": "#8237", // LRO 110 "\u202d": "#8237", // LRO
111 "\u202e": "#8238" // RLO 111 "\u202e": "#8238" // RLO
112 } 112 }
113 113
114 WebInspector.ElementsTreeOutline.prototype = { 114 WebInspector.ElementsTreeOutline.prototype = {
115 /** 115 /**
116 * @param {boolean} wrap
117 */
118 setWordWrap: function(wrap)
119 {
120 this._element.classList.toggle("nowrap", !wrap);
121 },
122
123 /**
116 * @param {!Event} event 124 * @param {!Event} event
117 */ 125 */
118 _onAnimationEnd: function(event) 126 _onAnimationEnd: function(event)
119 { 127 {
120 event.target.classList.remove("elements-tree-element-pick-node-1"); 128 event.target.classList.remove("elements-tree-element-pick-node-1");
121 event.target.classList.remove("elements-tree-element-pick-node-2"); 129 event.target.classList.remove("elements-tree-element-pick-node-2");
122 }, 130 },
123 131
124 /** 132 /**
125 * @param {boolean} value 133 * @param {boolean} value
(...skipping 2822 matching lines...) Expand 10 before | Expand all | Expand 10 after
2948 treeOutline.rootDOMNode = node; 2956 treeOutline.rootDOMNode = node;
2949 if (!treeOutline.children[0].hasChildren) 2957 if (!treeOutline.children[0].hasChildren)
2950 treeOutline._element.classList.add("single-node"); 2958 treeOutline._element.classList.add("single-node");
2951 treeOutline.setVisible(true); 2959 treeOutline.setVisible(true);
2952 treeOutline.element.treeElementForTest = treeOutline.children[0] ; 2960 treeOutline.element.treeElementForTest = treeOutline.children[0] ;
2953 resolve(treeOutline.element); 2961 resolve(treeOutline.element);
2954 } 2962 }
2955 } 2963 }
2956 } 2964 }
2957 } 2965 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/elements/ElementsPanel.js ('k') | Source/devtools/front_end/elements/elementsPanel.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698