chrome-devtools-frontend

Version:
Chrome DevTools UI
devtools.chrome.com
43 lines (37 loc) • 916 B
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: var(--sys-size-2) var(--sys-size-1) var(--sys-size-2) var(--sys-size-2);
    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: var(--sys-size-3);
      display: inline-block;
      height: 15px;
    }
  }

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