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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js

Issue 2272193002: [DevTools] Extract small-bubble component. (Closed)
Patch Set: Created 4 years, 4 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) 2011 Google Inc. All rights reserved. 2 * Copyright (C) 2011 Google Inc. All rights reserved.
3 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 3 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
4 * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com). 4 * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
5 * Copyright (C) 2009 Joseph Pecoraro 5 * Copyright (C) 2009 Joseph Pecoraro
6 * 6 *
7 * Redistribution and use in source and binary forms, with or without 7 * Redistribution and use in source and binary forms, with or without
8 * modification, are permitted provided that the following conditions 8 * modification, are permitted provided that the following conditions
9 * are met: 9 * are met:
10 * 10 *
(...skipping 1517 matching lines...) Expand 10 before | Expand all | Expand 10 after
1528 * @this {Element} 1528 * @this {Element}
1529 */ 1529 */
1530 set type(type) 1530 set type(type)
1531 { 1531 {
1532 this._iconElement.className = type; 1532 this._iconElement.className = type;
1533 }, 1533 },
1534 1534
1535 __proto__: HTMLLabelElement.prototype 1535 __proto__: HTMLLabelElement.prototype
1536 }); 1536 });
1537 1537
1538 registerCustomElement("label", "dt-small-bubble", {
1539 /**
1540 * @this {Element}
1541 */
1542 createdCallback: function()
1543 {
1544 var root = WebInspector.createShadowRootWithCoreStyles(this, "ui/sma llBubble.css");
1545 this._textElement = root.createChild("div");
1546 this._textElement.className = "info";
1547 this._textElement.createChild("content");
1548 },
1549
1550 /**
1551 * @param {string} type
1552 * @this {Element}
1553 */
1554 set type(type)
1555 {
1556 this._textElement.className = type;
1557 },
1558
1559 __proto__: HTMLLabelElement.prototype
1560 });
1561
1538 registerCustomElement("div", "dt-close-button", { 1562 registerCustomElement("div", "dt-close-button", {
1539 /** 1563 /**
1540 * @this {Element} 1564 * @this {Element}
1541 */ 1565 */
1542 createdCallback: function() 1566 createdCallback: function()
1543 { 1567 {
1544 var root = WebInspector.createShadowRootWithCoreStyles(this, "ui/clo seButton.css"); 1568 var root = WebInspector.createShadowRootWithCoreStyles(this, "ui/clo seButton.css");
1545 this._buttonElement = root.createChild("div", "close-button"); 1569 this._buttonElement = root.createChild("div", "close-button");
1546 }, 1570 },
1547 1571
(...skipping 388 matching lines...) Expand 10 before | Expand all | Expand 10 after
1936 * @param {string} title 1960 * @param {string} title
1937 * @return {!Element} 1961 * @return {!Element}
1938 */ 1962 */
1939 WebInspector.linkifyDocumentationURLAsNode = function(article, title) 1963 WebInspector.linkifyDocumentationURLAsNode = function(article, title)
1940 { 1964 {
1941 return WebInspector.linkifyURLAsNode("https://developers.google.com/web/tool s/chrome-devtools/" + article, title, undefined, true); 1965 return WebInspector.linkifyURLAsNode("https://developers.google.com/web/tool s/chrome-devtools/" + article, title, undefined, true);
1942 } 1966 }
1943 1967
1944 /** @type {!WebInspector.ThemeSupport} */ 1968 /** @type {!WebInspector.ThemeSupport} */
1945 WebInspector.themeSupport; 1969 WebInspector.themeSupport;
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698