/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@import "base/environment";

#gradebook_uploader_container {
  overflow: scroll;

  #gradebook_grid_header {
    .slick-header-column {
      background-image: none !important;
    }

    .slick-header-column:not(:first-of-type) {
      border-top: 1px solid $ic-color-neutral;
    }
  }

  #gradebook_grid {
    input.editor-text {
      border: none;
      @include fontSize(14px);
      width: 100%;
      padding: 0;
      outline: default;
      margin: 0;
      height:28px;
      background: none;
      box-shadow: none !important;
    }
    .slick-header-column {
      background-color: lighten($ic-color-dark, 55);
      background-image: none !important;
      border-top: 1px solid $ic-color-neutral;
      border-bottom: 1px solid $ic-color-neutral;
    }

    .slick-column-name {
      font-weight: bold;
    }

    .slick-header-column:nth-child(even) {
      border-#{direction(right)}-style:dashed;
    }

    .slick-cell {
      line-height: 25px;
      padding-#{direction(left)}: 5px;
    }
  }

  .slick-header {
    background-image:none;
    border:none;
  }

  .slick-row.even {
    background-color: lighten($ic-color-neutral, 5);
  }

  .slick-cell {
    border-#{direction(right)}-style:dashed;
  }

  .slick-cell.editable, .slick-cell.active {
    box-shadow: 0 0 5px var(--ic-brand-primary-lightened-10);
    border: 1px solid var(--ic-brand-primary);
  }

  .slick-cell:nth-child(odd) {
    border-#{direction(right)}-style:solid;
  }

  .slick-header-column {
    height: 24px;
    padding: 8px 4px 0px;
  }

  .left-highlight {
    background-color: lighten($ic-color-danger, 50);
    border-#{direction(left)}-color: $ic-color-danger;
    border-top-color: $ic-color-danger;
    border-bottom-color: $ic-color-danger;
    color:$ic-color-danger;
    font-weight: bold;
  }

  .right-highlight {
    background-color: lighten($ic-color-danger, 50);
    border-#{direction(right)}-style: solid;
    border-#{direction(right)}-color: $ic-color-danger;
    border-top-color: $ic-color-danger;
    border-bottom-color: $ic-color-danger;
    color:$ic-color-danger;
    font-weight: bold;
  }
}

