/**
 * Copyright (c) 2021 OpenLens Authors
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 * the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
 * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
 * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

@import "release.mixins";

.ReleaseDetails {
  .DrawerItem {
    align-items: center;
  }

  .status {
    @include release-status-bgs;
  }

  .chart {
    .upgrade {
      min-width: 150px;
    }
  }

  .resources {
    .SubTitle {
      text-transform: none;
      padding-left: 0;
    }

    .Table {
      margin-bottom: $margin * 4;
      border: 1px solid var(--drawerSubtitleBackground);
      border-radius: $radius;
      overflow: auto;

      .TableHead {
        border-bottom: none;

        .TableCell {
          background-color: var(--drawerSubtitleBackground);
          word-break: unset;
        }
      }

      .TableCell {
        text-overflow: unset;
        word-break: break-word;
        min-width: 100px;

        &.name {
          flex-basis: auto;
          flex-grow: 0;
          width: 230px;
        }

        &.volume {
          flex-basis: 30%;
        }
      }
    }
  }

  .notes {
    white-space: pre-line;
    font-family: "RobotoMono", monospace;
    font-size: small;
  }

  .values {
    .MonacoEditor {
      min-height: 300px;
    }

    .MonacoEditor + .Button {
      align-self: flex-start;
    }
  }
}