/*
 * Copyright 2015-2016 Imply Data, Inc.
 * Copyright 2017-2019 Allegro.pl
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
@import '../../../imports';

.data-cube-card {
  padding: 5px 0 0;

  .inner-container {
    background-color: $white;
    box-shadow: 0 1px 1px 0 rgba($black, 0.1);
    width: 100%;
    padding: 16px;
    border-radius: $corner;

    white-space: nowrap;

    > * {
      display: inline-block;
    }

    .view-icon-container {
      cursor: pointer;

      &:hover {
        .svg-icon {
          opacity: 1;
        }
      }
    }

    .svg-icon.view-icon {
      height: 30px;
      margin-top: 5px;
      margin-right: 15px;
      opacity: 0.6;

      path {
        @include css-variable(fill, brand);
      }
    }

    .text {
      padding-top: 2px;
      white-space: normal;
      width: calc(100% - 70px);
      line-height: 1.5;

      .title {
        @include css-variable(color, text-standard);
        font-size: 16px;
        margin-bottom: 5px;
        margin-right: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
      }

      .description {
        @include css-variable(color, text-lighterish);
        font-size: 13px;
        overflow-y: hidden;

        .show-more-action {
          @include css-variable(color, background-brand-light);
          cursor: pointer;

          &:hover {
            @include css-variable(color, brand);
          }
        }
      }
    }
  }
}
