scinote-web/app/assets/stylesheets/reports_print.scss

@import 'constants';
@import "mixins";

/** Custom CSS for report print (& PDF) */
body.print-report-body {
  background-color: $color-white;
}

div.print-report {
  background-color: $color-white;
  padding: 30px;

  .new-element {
    height: 0;
    display: none;
  }

  .report-element {
    color: $color-black !important;

    .controls {
      display: none;
    }


    &:hover {
      background-color: $color-white;
      @include box-shadow(none);
    }

    .hot-table-container {
      .ht_master .wtHolder {
        overflow: hidden !important;

        .wtHider {
          height: auto !important;
        }
      }
    }
  }

  .report-project-header-element {
    & > .report-element-body .project-name {
      color: $color-black;
      white-space: nowrap;
    }

    &:hover > .report-element-body .project-name {
      color: $color-black;
      white-space: nowrap;
    }
  }

  .report-module-element:hover {
    & > .report-element-body .module-name {
      color: $color-black;
      white-space: nowrap;
    }

    &:hover > .report-element-body .module-name {
      color: $color-black;
      white-space: nowrap;
    }
  }

  .report-result-element {
    & > .report-element-header {
      color: $color-black;
    }

    &:hover > .report-element-header {
      color: $color-black;
    }
  }

  .report-step-element {
    & > .report-element-body .step-name {
      color: $color-black;
      width: 100%;
    }

    &:hover > .report-element-body .step-name {
      color: $color-black;
      width: 100%;
    }
  }

  .report-step-attachment-element {
    & > .report-element-header .attachment-icon {
      color: $color-black;
    }

    &:hover > .report-element-header .attachment-icon {
      color: $color-black;
    }

    img {
      max-width: 100%;
    }
  }

  .report-step-table-element {
    & > .report-element-header .table-name {
      color: $color-black;
      white-space: nowrap;
    }

    &:hover > .report-element-header .table-name {
      color: $color-black;
      white-space: nowrap;
    }
  }

  .report-step-asset-element {
    & > .report-element-header .file-name {
      em {
        color: $color-black;
        white-space: nowrap;
      }
    }

    &:hover > .report-element-header .file-name {
      em {
        color: $color-black;
        white-space: nowrap;
      }
    }
  }

  .report-step-checklist-element {
    page-break-inside: avoid;

    & > .report-element-header .checklist-name {
      color: $color-black;
      white-space: nowrap;
    }

    &:hover > .report-element-header .checklist-name {
      color: $color-black;
      white-space: nowrap;
    }
  }

  .report-comments-element {
    & > .report-element-header {
      .comments-icon,.comments-name {
        color: $color-black !important;
        white-space: nowrap;
      }
    }

    &:hover > .report-element-header {
      .comments-icon,.comments-name {
        color: $color-black !important;
        white-space: nowrap;
      }
    }
  }

  .report-module-activity-element {
    & > .report-element-header {
      .activity-icon,.activity-name {
        color: $color-black !important;
        white-space: nowrap;
      }
    }

    &:hover > .report-element-header {
      .activity-icon,.activity-name {
        color: $color-black !important;
        white-space: nowrap;
      }
    }
  }

  .report-module-repository-element {
    & > .report-element-header {
      .repository-icon,.repository-name {
        color: $color-black !important;
        white-space: nowrap;
      }
    }

    &:hover > .report-element-header {
      .repository-icon,.repository-name {
        color: $color-black !important;
        white-space: nowrap;
      }
    }
  }

  .report-result-element {
    & > .report-element-header {
      .result-icon,
      .result-name,
      .file-name{
        color: $color-black !important;
        white-space: nowrap;
      }
    }

    img {
      max-width: 100%;
    }

    &:hover > .report-element-header {
      .result-icon,
      .result-name,
      .file-name {
        color: $color-black !important;
        white-space: nowrap;
      }
    }
  }

  .export-all-link {
    em {
      color: $brand-primary !important;
    }
  }
}