/*
 * Copyright (c) 2016-2017 Konstantin Baierer
 *
 * This software may be modified and distributed under the terms
 * of the MIT license.  See the LICENSE file for details.
 */

@import '../../variables.scss';

.hocr-viewer {

  &.hocr-viewer-toolbar-enabled {
    > .hocr-viewer-container {
      transform: rotate(0);
      margin-left: 1em;
    }
  }

  .hocr-viewer-container {
    min-height: 100vh;
    position: relative !important;
    // NOTE: This is important otherwise fixed will be relative to page not
    // containing element
    @include transform(rotate(0deg));
    /* .transform(scale(0.7)); */
    /* position: relative !important; */
    & > div {
      overflow: auto;
    }
    p {
        margin: 0;
    }
  }


  #{$selector-ocr-classes} {
    &:hover::before {
      display: none;
    }
  }

  &.hocr-viewer-feature-Layout {
    #{$selector-ocr-classes} {
      position: fixed;
      white-space: nowrap;
      // XXX
      // display: flex;
      justify-content: left; /* align horizontal */
      align-items: center; /* align vertical */
    }
    &.hocr-viewer-feature-Tooltip {
      #{$selector-ocr-classes} {
        &:hover::before {
          @include tooltip
        }
      }
    }
  }


  &.hocr-viewer-feature-Highlight {
    margin: -1px;
    &.hocr-viewer-feature-HighlightNotPage        {@include highlight-area($selector-ocr-not-page, $color-highlight-not-page)}
    &.hocr-viewer-feature-HighlightPage           {@include highlight-area($selector-ocr-page, $color-highlight-page)}
    &.hocr-viewer-feature-HighlightInlineNotBlank {@include highlight-area($selector-ocr-inline-not-blank, $color-highlight-inline-not-blank);}
    &.hocr-viewer-feature-HighlightInlineBlank    {@include highlight-area($selector-ocr-inline-blank, $color-highlight-inline-blank);}
    &.hocr-viewer-feature-HighlightLine           {@include highlight-area($selector-ocr-line, $color-highlight-line);}
    &.hocr-viewer-feature-HighlightPar            {@include highlight-area($selector-ocr-par, $color-highlight-par);}
    &.hocr-viewer-feature-HighlightCarea          {@include highlight-area($selector-ocr-carea, $color-highlight-carea);}
  }

  &.hocr-viewer-feature-BackgroundImage {
    background-repeat: no-repeat;

    #{$selector-ocr-page} {
      background-size: contain;

    }
  }

  &.hocr-viewer-feature-DisableEmStrong {
    em { font-style: normal; }
    strong { font-weight: normal; }
  }

  &.hocr-viewer-feature-TransparentText {
    .ocr_page {
      color: $color-transparent;
    }
  }


}