@import "./styles/index.less";

@file-prefix: ~'@{portal-prefix}-online-preview-file';

.online-preview-file {
    border-radius: @border-radius-base;

    .online-preview-file-tip {
        font-size: 12px;

        div {
            height: 42px;
            padding-left: @padding-xl;
            margin-top: 20px;
            background: #F7F7F7;
            border: solid 1px #E8E8E8;

            span {
                // .text-ellipsis;
                display: inline-block;
                max-width: calc(100% - 24px);
                font-size: @font-size-base;
                font-weight: 600;
                line-height: 42px;
                color: #4D4D4D;
            }
        }

        > span {
            display: block;
            height: 161px;
            line-height: 161px;
            color: #999;
            text-align: center;
            border: solid 1px #E8E8E8;
            border-top: 0 none;
        }
    }

    &-container {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 40px;

        iframe {
            width: 100%;
            height: calc(100vh - 184px);
            border: solid 1px #E8E8E8;
            border-top: 0 none;
        }

        .pdf2html-viewer-container {
            height: 600px; //calc(100vh - 148px);
            border-color: #E8E8E8;

            .pdf2html-viewer-page {
                width: 100%;
            }
        }
    }
}
