aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/WebBox.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/WebBox.scss')
-rw-r--r--src/client/views/nodes/WebBox.scss28
1 files changed, 21 insertions, 7 deletions
diff --git a/src/client/views/nodes/WebBox.scss b/src/client/views/nodes/WebBox.scss
index 134860d0a..ea822f553 100644
--- a/src/client/views/nodes/WebBox.scss
+++ b/src/client/views/nodes/WebBox.scss
@@ -2,15 +2,16 @@
.webBox {
- height:100%;
+ height: 100%;
position: relative;
display: flex;
.pdfViewerDash-dragAnnotationBox {
- position:absolute;
+ position: absolute;
background-color: transparent;
opacity: 0.1;
}
+
.webBox-annotationLayer {
position: absolute;
transform-origin: left top;
@@ -19,10 +20,12 @@
pointer-events: none;
mix-blend-mode: multiply; // bcz: makes text fuzzy!
}
+
.webBox-annotationBox {
position: absolute;
background-color: rgba(245, 230, 95, 0.616);
}
+
.webBox-container {
transform-origin: top left;
width: 100%;
@@ -33,10 +36,13 @@
top: 0;
left: 0;
}
+
.webBox-cont {
pointer-events: none;
}
- .webBox-cont, .webBox-cont-interactive {
+
+ .webBox-cont,
+ .webBox-cont-interactive {
padding: 0vw;
position: absolute;
top: 0;
@@ -45,18 +51,21 @@
height: 100%;
transform-origin: top left;
overflow: auto;
+
.webBox-iframe {
width: 100%;
height: 100%;
position: absolute;
- top:0;
+ top: 0;
}
}
+
.webBox-cont-interactive {
span {
user-select: text !important;
}
}
+
.webBox-outerContent {
width: 100%;
height: 100%;
@@ -65,8 +74,9 @@
left: 0;
overflow: auto;
}
+
div.webBox-outerContent::-webkit-scrollbar-thumb {
- display:none;
+ display: none;
}
}
@@ -78,14 +88,16 @@
.webBox-buttons {
margin-left: 44;
- background:lightGray;
+ background: lightGray;
width: 100%;
}
+
.webBox-annotationToggle {
z-index: 9001;
position: absolute;
top: 2;
left: 2;
+ cursor: pointer;
box-shadow: black 0.3em 0.3em 1em;
border-radius: 5px;
display: flex;
@@ -93,10 +105,12 @@
width: 25px;
height: 25px;
align-items: center;
- > svg {
+
+ >svg {
margin: auto;
}
}
+
.webBox-annotationToggle:hover {
opacity: 1;
}