front_end/panels/console/consoleContextSelector.css

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

.widget {
  .console-context-selector-element{
    padding: 2px 1px 2px 2px;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    height: 36px;
    justify-content: center;
    overflow-y: auto;

    .title {
      overflow: hidden;
      text-overflow: ellipsis;
      flex-grow: 0;
    }

    .subtitle {
      color: var(--sys-color-token-subtle);
      margin-right: 3px;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-grow: 0;
    }

    .badge {
      pointer-events: none;
      margin-right: 4px;
      display: inline-block;
      height: 15px;
    }
  }

  &.highlighted .console-context-selector-element .subtitle {
    color: inherit;
  }
}