soneta-ui-style
This commit is contained in:
@@ -0,0 +1,65 @@
|
||||
@import "../../Themes/common/PredefinedMixins.scss";
|
||||
@import "./partial.scss";
|
||||
@import "./Variables.scss";
|
||||
|
||||
|
||||
.pdf-viewer-fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 10001;
|
||||
overflow: hidden;
|
||||
inset: 0;
|
||||
}
|
||||
|
||||
.pdf-viewer {
|
||||
@include partial-column-start;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
overflow-y: scroll;
|
||||
|
||||
&.back-pattern {
|
||||
background: -webkit-linear-gradient(
|
||||
$pdf_viewer_bg_start,
|
||||
$pdf_viewer_bg_stop
|
||||
);
|
||||
background: linear-gradient($pdf_viewer_bg_start, $pdf_viewer_bg_stop);
|
||||
}
|
||||
|
||||
canvas {
|
||||
box-shadow: $pdf_viewer_shadow;
|
||||
}
|
||||
|
||||
.hidePdfToolbar {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
background-color: $pdf_hide_toolbar_bg;
|
||||
z-index: 99;
|
||||
}
|
||||
}
|
||||
|
||||
.fullScreenButton {
|
||||
position: absolute;
|
||||
bottom: 15px;
|
||||
right: 15px;
|
||||
z-index: 10000;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
background-color: $pdf_full_screen_bg;
|
||||
box-shadow: $pdf_full_screen_shadow;
|
||||
|
||||
.fullScreenIcon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
fill: $pdf_full_screen_fg;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user