mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-01 17:57:36 +08:00
Tim van der Lippe
7946bbcb95
Bug: 1006759 Change-Id: I2130d4ba17bb592090c202cfe2b97da2558e72ea Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2054544 Reviewed-by: Paul Lewis <aerotwist@chromium.org> Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
39 lines
1.0 KiB
JavaScript
39 lines
1.0 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.
|
|
|
|
import * as UI from '../ui/ui.js';
|
|
|
|
import {Events} from './CSSOverviewController.js';
|
|
|
|
/**
|
|
* @unrestricted
|
|
*/
|
|
export class CSSOverviewStartView extends UI.Widget.Widget {
|
|
constructor(controller) {
|
|
super();
|
|
this.registerRequiredCSS('css_overview/cssOverviewStartView.css');
|
|
|
|
this._controller = controller;
|
|
this._render();
|
|
}
|
|
|
|
_render() {
|
|
const startButton = UI.UIUtils.createTextButton(
|
|
ls`Capture overview`, () => this._controller.dispatchEventToListeners(Events.RequestOverviewStart), '',
|
|
true /* primary */);
|
|
|
|
this.setDefaultFocusedElement(startButton);
|
|
|
|
const fragment = UI.Fragment.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';
|
|
}
|
|
}
|