chrome-devtools-frontend/front_end/panels/developer_resources/developerResourcesView.css

Chrome DevTools UI

/*
 * Copyright 2020 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

@scope to (devtools-widget > *) {
  :scope {
    overflow: hidden;
  }

  .developer-resource-view-toolbar-container {
    display: flex;
    border-bottom: 1px solid var(--sys-color-divider);
    flex: 0 0 auto;
  }

  .developer-resource-view-toolbar {
    width: 100%;
  }

  .developer-resource-view-toolbar-summary {
    background-color: var(--sys-color-cdt-base-container);
    border-top: 1px solid var(--sys-color-divider);
    padding-left: 5px;
    flex: 0 0 19px;
    display: flex;
    padding-right: 5px;
  }

  .developer-resource-view-toolbar-summary .developer-resource-view-message {
    padding-top: 2px;
    padding-left: 1ex;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .developer-resource-view-results {
    overflow-y: auto;
    display: flex;
    flex: auto;
  }
}