/**
 * 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.
 */

.LogList {
  --overlay-bg: #8cc474b8;
  --overlay-active-bg: orange;

  // fix for `this.logsElement.scrollTop = this.logsElement.scrollHeight`
  // `overflow: overlay` don't allow scroll to the last line
  overflow: auto;

  position: relative;
  color: var(--logsForeground);
  background: var(--logsBackground);
  flex-grow: 1;

  .VirtualList {
    height: 100%;

    .list {
      overflow-x: scroll!important;

      .LogRow {
        padding: 2px 16px;
        height: 18px;  // Must be equal to lineHeight variable in pod-log-list.tsx
        font-family: var(--font-monospace);
        font-size: smaller;
        white-space: nowrap;

        &:hover {
          background: var(--logRowHoverBackground);
        }

        span {
          -webkit-font-smoothing: auto; // Better readability on non-retina screens
          white-space: pre;
        }

        span.overlay {
          border-radius: 2px;
          -webkit-font-smoothing: auto;
          background-color: var(--overlay-bg);

          span {
            background-color: var(--overlay-bg)!important; // Rewriting inline styles from AnsiUp library
          }

          &.active {
            background-color: var(--overlay-active-bg);

            span {
              background-color: var(--overlay-active-bg)!important; // Rewriting inline styles from AnsiUp library
            }
          }
        }
      }
    }
  }

  &.isLoading {
    cursor: wait;
  }

  &.isScrollHidden {
    .VirtualList .list {
      overflow-x: hidden!important; // fixing scroll to bottom issues in PodLogs
    }
  }
}