/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

$taskSubRowBackground: #f9f9f9;

table tbody .task-sub-row {
  td {
    border-top: 2px solid $taskSubRowBackground;
    background-color: $taskSubRowBackground;
    padding: 0.75em 1.5em;
    .name-grid {
      display: inline-grid;
      grid-template-columns: auto 1fr;
      gap: 1rem;

      .task-name {
        display: block;
        width: 150px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        &:before {
          color: black;
          content: '/';
          display: inline-block;
          margin-right: 0.5rem;
          text-decoration: none;
        }
      }

      .logs-sidebar-trigger {
        color: $blue;
        text-decoration: underline;
        font-weight: normal;
        background-color: transparent;
        svg {
          color: black;
          margin-right: 5px;
          position: relative;
          top: 3px;
        }
      }
    }
  }
}