mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 20:39:31 +08:00
Paul Lewis
4da3b30c38
Bug: 1006759 Change-Id: Idf78688fa354b7e169edd508667dd2e298eacea4 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/1928914 Commit-Queue: Paul Lewis <aerotwist@chromium.org> Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
46 lines
1.2 KiB
JavaScript
46 lines
1.2 KiB
JavaScript
// Copyright 2019 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
|
|
*/
|
|
export class CSSOverviewStartView extends UI.Widget {
|
|
constructor(controller) {
|
|
super();
|
|
this.registerRequiredCSS('css_overview/cssOverviewStartView.css');
|
|
|
|
this._controller = controller;
|
|
this._render();
|
|
}
|
|
|
|
_render() {
|
|
const startButton = UI.createTextButton(
|
|
ls`Capture overview`, () => this._controller.dispatchEventToListeners(CssOverview.Events.RequestOverviewStart),
|
|
'', true /* primary */);
|
|
|
|
this.setDefaultFocusedElement(startButton);
|
|
|
|
const fragment = UI.Fragment.build`
|
|
<div class="vbox overview-start-view">
|
|
<h1>${ls`CSS Overview`}</h1>
|
|
<div>${startButton}</div>
|
|
</div>
|
|
`;
|
|
|
|
this.contentElement.appendChild(fragment.element());
|
|
this.contentElement.style.overflow = 'auto';
|
|
}
|
|
}
|
|
|
|
/* Legacy exported object */
|
|
self.CssOverview = self.CssOverview || {};
|
|
|
|
/* Legacy exported object */
|
|
CssOverview = CssOverview || {};
|
|
|
|
/**
|
|
* @constructor
|
|
*/
|
|
CssOverview.CSSOverviewStartView = CSSOverviewStartView;
|