chrome-devtools-frontend/front_end/panels/layer_viewer/layerTreeOutline.css

Chrome DevTools UI

/*
 * Copyright 2025 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 > *) {
  .layer-summary {
    border-top: 1px solid var(--sys-color-divider);
    justify-content: space-between;
    padding: 4px 10px;
    flex-shrink: 0;
  }

  .layer-count {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .layer-tree-wrapper {
    height: 100%;
    flex-grow: 1;
  }

  .layer-tree {
    flex-grow: 1;
  }
}