// Copyright (c) 2020 Red Hat, Inc.
@import 'scss/variables';

.channel-labels {
  --icon-size: 11px;
  --gutter: 0.5rem;
  --margin: 1rem;

  .pf-l-split {
    --pf-l-split--m-gutter--MarginRight: var(--gutter);
  }

  .pf-l-stack {
    --pf-l-stack--m-gutter--MarginBottom: var(--gutter);
  }

  .channel-label {
    font-size: 12px;
    --pf-l-split--m-gutter--MarginRight: 8px;
  }

  .channel-entry {
    margin: var(--margin);
  }

  .channel-entry-link {
    display: block;
    color: $color__blue-51;
    fill: $color__blue-51;
    word-break: break-all;
  }

  .channel-entry-link + .channel-entry-attribute {
    // extra padding for first attribute after link
    padding-top: var(--gutter);
  }

  .channel-entry-attribute {
    padding-left: calc(var(--icon-size) + var(--gutter));
  }

  .channel-entry-attribute-name {
    font-weight: 600;
  }
}

.channel-labels-popover-content {
  max-height: 360px;
  overflow-y: auto;
} 