/*
Copyright (C) 2017  Cloudbase Solutions SRL

This program 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, either version 3 of the
License, or (at your option) any later version.

This program 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 '../variables.scss';

.root {

}

.headerItems {
  padding-bottom: 8px;
  border-bottom: 1px solid $gray-light;
  .cell {
    float: left;
    box-sizing: border-box;
    font-weight: $weight-regular;
    padding-left: 8px;
    color: $gray;
    &:first-child {
      padding-left: 0;
    }
  }
  &:after {
    content: " ";
    clear: both;
    display: block;
    height: 0;
  }
}
.listItems {
  .row {
    padding: 8px 0;
    border-bottom: 1px solid $gray-light;
    position: relative;
    .cell {
      float: left;
      box-sizing: border-box;
      padding-left: 8px;
      overflow: hidden;
      color: $gray-dark;
      font-weight: $weight-regular;
      &:first-child {
        color: $black;
        padding-left: 0;
      }
    }
    &:global(.isOpen) {
      .caret {
        opacity: 1;
        transform: scale(-1);
      }
    }
    &:after {
      content: " ";
      clear: both;
      display: block;
      height: 0;
    }
    .caret {
      width: 14px;
      height: 26px;
      content: ' ';
      display: block;
      position: absolute;
      right: -26px;
      top: 4px;
      opacity: 0;
      background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSI3cHgiIHZpZXdCb3g9IjEgNSAxNCA3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwb2x5Z29uIGlkPSJDb21iaW5lZC1TaGFwZSIgc3Ryb2tlPSJub25lIiBmaWxsPSIjMDA1NkI4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHBvaW50cz0iOCAxMC4zODIzMzc2IDIuNTAyNjA3MDIgNSAxLjgxNTQzMjg5IDUuNjcyNzkyMjEgOCAxMS43Mjc5MjIxIDE0LjE4NDU2NzEgNS42NzI3OTIyMSAxMy40OTczOTMgNSA4IDEwLjM4MjMzNzYiPjwvcG9seWdvbj48L3N2Zz4=');
      background-position: right center;
      background-repeat: no-repeat;
      transition: transform $animation-swift-out;
    }
    .detailView {
      clear: both;
    }
    &:hover {
      .caret {
        opacity: 1;
      }
    }
  }
}
