DevTools: update buttons to new style

third_party/WebKit/Source/devtools/front_end/audits2/Audits2Panel.js

 // Copyright (c) 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @unrestricted
  */
 Audits2.Audits2Panel = class extends UI.PanelWithSidebar {
   constructor() {
     super('audits2');
@@ skipping 54 matching lines @@
     var text = landingCenter.createChild('div', 'audits2-landing-text');
     text.createChild('span', 'audits2-landing-bold-text').textContent = Common.UIString('Audits');
     text.createChild('span').textContent = Common.UIString(
         ' help you identify and fix common problems that affect' +
         ' your site\'s performance, accessibility, and user experience. ');
     var link = text.createChild('span', 'link');
     link.textContent = Common.UIString('Learn more');
     link.addEventListener(
         'click', () => InspectorFrontendHost.openInNewTab('https://developers.google.com/web/tools/lighthouse/'));
 
-    var newButton = UI.createTextButton(
-        Common.UIString('Perform an audit\u2026'), this._showLauncherUI.bind(this), 'material-button default');
+    var newButton =
+        UI.createTextButton(Common.UIString('Perform an audit\u2026'), this._showLauncherUI.bind(this), 'primary');

[dgozman, 2017/05/15 21:29:00]

Let's either pass a boolean primary, or have two methods (e.g.
createPrimaryButton)

[luoe, 2017/05/18 21:29:25]

Done as boolean primary.  I don't think we need to have title as a parameter,
it's only used in one location (FilmStripView) and none of the other UIUtils
builders have it.

     landingCenter.appendChild(newButton);
   }
 
   _showLauncherUI() {
     this._dialog = new UI.Dialog();
     this._dialog.setOutsideClickCallback(event => event.consume(true));
     var root = UI.createShadowRootWithCoreStyles(this._dialog.contentElement, 'audits2/audits2Dialog.css');
     var auditsViewElement = root.createChild('div', 'audits2-view');
     var uiElement = auditsViewElement.createChild('div');
     var headerElement = uiElement.createChild('header');
     this._headerTitleElement = headerElement.createChild('p');
     this._headerTitleElement.textContent = Common.UIString('Audits to perform');
     uiElement.appendChild(headerElement);
 
     this._auditSelectorForm = uiElement.createChild('form', 'audits2-form');
 
     for (var preset of Audits2.Audits2Panel.Presets) {
       preset.setting.setTitle(preset.title);
       var checkbox = new UI.ToolbarSettingCheckbox(preset.setting);
       var row = this._auditSelectorForm.createChild('div', 'vbox audits2-launcher-row');
       row.appendChild(checkbox.element);
       row.createChild('span', 'audits2-launcher-description dimmed').textContent = preset.description;
     }
 
     this._statusView = this._createStatusView(uiElement);
 
     var buttonsRow = uiElement.createChild('div', 'audits2-dialog-buttons hbox');
-    this._startButton =
-        UI.createTextButton(Common.UIString('Run audit'), this._start.bind(this), 'material-button default');
+    this._startButton = UI.createTextButton(Common.UIString('Run audit'), this._start.bind(this), 'primary');
     buttonsRow.appendChild(this._startButton);
-    this._cancelButton = UI.createTextButton(Common.UIString('Cancel'), this._cancel.bind(this), 'material-button');
+    this._cancelButton = UI.createTextButton(Common.UIString('Cancel'), this._cancel.bind(this));
     buttonsRow.appendChild(this._cancelButton);
 
     this._dialog.setSizeBehavior(UI.GlassPane.SizeBehavior.SetExactWidthMaxHeight);
     this._dialog.setMaxContentSize(new UI.Size(500, 400));
     this._dialog.show(this.mainElement());
     auditsViewElement.tabIndex = 0;
     auditsViewElement.focus();
   }
 
   /**
@@ skipping 510 matching lines @@
   onselect() {
     this.parent._renderReport();
     var node = this.parent._resultsView.querySelector('.lh-category[id=' + this._id + ']');
     if (node) {
       node.scrollIntoView(true);
       return true;
     }
     return false;
   }
 };