// Copyright Contributors to the Amundsen project.
// SPDX-License-Identifier: Apache-2.0

@import 'variables';

$column-header-height: 38px;
$column-details-cell-width: 50%;
$resource-type-cell-width: 100px;

.list-group-item .column-list-item {
  padding: $spacer-2 $spacer-3;

  .column-header {
    display: flex;
    height: $column-header-height;

    .column-details {
      flex-basis: $column-details-cell-width;
      flex-grow: 1;
      margin-right: $spacer-2;
    }

    .resource-type,
    .badges,
    .usage,
    .actions {
      align-items: center;
      display: flex;
    }

    .resource-type {
      flex-basis: $resource-type-cell-width;
      overflow: hidden;
    }

    .actions {
      .column-dropdown {
        &.open {
          background-color: $body-bg-tertiary;

          .icon {
            background-color: $icon-bg-dark;
          }
        }

        .dropdown-toggle {
          border: none;
          border-radius: 4px;
          height: 32px;
          padding: 4px;
          width: 32px;

          .icon {
            background-color: $icon-bg;
            height: 22px;
            margin: 0;
            -webkit-mask-size: 22px;
            mask-size: 22px;
            width: 22px;
          }

          &:hover,
          &:focus {
            background-color: $body-bg-secondary;

            .icon {
              background-color: $icon-bg-dark;
            }
          }
        }
      }
    }
  }

  .expanded-content {
    margin-top: -$spacer-2;
  }

  .stop-propagation {
    cursor: default;
  }
}
