Summary Table
Categories |
Total Count |
PII |
0 |
URL |
0 |
DNS |
0 |
EKL |
0 |
IP |
0 |
PORT |
0 |
VsID |
0 |
CF |
0 |
AI |
0 |
VPD |
0 |
PL |
0 |
Other |
0 |
File Content
@import './../../../scss/themes/variables_ars_1.scss';
@import './../navigation/navigation.component.scss';
.viewer-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0; // height: 100%;
// width: 100%;
overflow: auto;
z-index: 5001;
background: #000;
background-image: url('./../../../assets/images/viewer_bar.png');
background-repeat: repeat-y;
background-position: -1px top;
transition: opacity 500ms ease-in;
opacity: 0;
visibility: hidden; // -ms-overflow-style: -ms-autohiding-scrollbar;
}
.viewer-overlay-show {
opacity: 1;
visibility: visible;
}
header {
background-color: #666; // border-bottom: 3px solid $color-danger;
color: #fff;
}
button {
&.close-viewer {
margin-top: -4px;
margin-left: 16px;
padding: 1px 12px 2px;
height: 27px;
float: right;
background-color: #666;
vertical-align: middle;
border: 1px solid #fff;
color: #fff;
transition-duration: 0;
}
&.close-viewer:hover {
background-color: $color-info;
}
}
.nav-bar {
background: #333;
border-right: 1px solid $color-info;
color: #fff;
z-index: 4000;
& a,
a:visited,
a:active {
color: #fff;
cursor: pointer;
&.show {
visibility: visible; // JS toggles class on/off to show flyout
opacity: 1;
}
&.active {
background-color: $color-info;
}
&.active:after {
// This colors the Active triangle
border-left-color: $color-info;
}
}
& a:hover {
background-color: $color-info;
& span {
visibility: visible;
opacity: 1;
}
}
}
// Function Icons
.nav-icon {
background-repeat: no-repeat;
background-position: 9px;
&.export {
background-image: url('./../../../assets/images/ic_export_white_24.svg');
}
&.exportPDF {
background-image: url('./../../../assets/images/ic_exportPDF_white_24.svg');
}
&.associate {
background-image: url('./../../../assets/images/ic_multifile_white_24.svg');
background-size: 20px;
}
&.archive {
background-image: url('./../../../assets/images/ic_docinactive_white_24.svg');
}
&.reactivate {
background-image: url('./../../../assets/images/ic_docactive_white_24.svg');
}
&.edit {
background-image: url('./../../../assets/images/ic_edit_table_white_24.svg');
}
&.exit {
background-image: url('./../../../assets/images/ic_exit_app_white_24.svg');
}
}
@media screen and (max-width: 1367px) {
// Set to 1367px for normal view; 1920px for split-screen view
.nav-bar {
& a {
// Colors fly-outs
& span {
background-color: $color-info;
box-shadow: none;
}
}
}
.viewer-overlay {
background-position-x: -169px;
}
}
.title-bar {
background: #000;
border-bottom: 1px solid $color-info;
box-shadow: none;
width: 100%;
& h1 {
float: left;
}
& img {
margin-top: 22px;
padding-right: 9px;
float: left;
}
}
.viewer-header {
height: 111px;
background-image: url('./../../../assets/images/VA_Logo_Horiz_Reversed.png');
background-repeat: no-repeat;
background-position: right 16px; // & h4 {
// max-width: 600px;
// overflow: hidden;
// white-space: nowrap;
// text-overflow: ellipsis;
// }
}
h1,
h2,
h3,
h4 {
color: #fff;
}
.tool-bar {
padding-top: 6px;
height: 37px;
border-bottom: 1px solid $color-info;
}
.controls {
margin-left: auto;
margin-right: auto;
height: 24px;
width: 120px;
color: #fff;
display: flex;
justify-content: space-between;
& p {
margin-top: 2px;
font-size: 14px;
}
& button {
padding: 3px 8px;
background-color: #333;
border: none;
font-family: $typeface;
font-size: 14px;
color: #fff;
}
& button:hover {
background-color: #666;
}
}
.image-area {
margin: 0;
padding: 12px;
width: 100%;
text-align: center;
border-bottom: 3px solid $color-info; // background: red;
&>img {
margin: 0 auto;
display: block;
max-width: 100%;
}
}
// iframe {}
.viewer-feature {
padding-top: 12px;
padding-bottom: 18px;
display: block;
width: 100%;
border-top: 3px solid $color-info;
border-bottom: 1px solid $color-info;
background-color: #fff;
& h3 {
color: $color-info;
}
}
@keyframes fadeOpen {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate-open {
opacity: 0;
animation: fadeOpen ease-in 1;
animation-fill-mode: forwards;
animation-delay: 0.2s;
animation-duration: 0.6s;
&>.no-margin {
margin-top: 0;
margin-bottom: 0;
}
}
.downloadFileBlock {
margin-top: 176px;
text-align: center;
&>.downloadLink>span {
text-decoration: underline;
display: inline-block;
&:hover {
cursor: pointer;
}
}
}
.downloadFileBlock>img:hover {
cursor: pointer;
}