aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/client/views/nodes/PDFBox.scss4
-rw-r--r--src/client/views/pdf/PDFViewer.scss20
-rw-r--r--src/client/views/pdf/PDFViewer.tsx22
3 files changed, 23 insertions, 23 deletions
diff --git a/src/client/views/nodes/PDFBox.scss b/src/client/views/nodes/PDFBox.scss
index f55c4f7d6..c6a83b662 100644
--- a/src/client/views/nodes/PDFBox.scss
+++ b/src/client/views/nodes/PDFBox.scss
@@ -199,7 +199,7 @@
}
.pdfBox {
- .pdfViewer-text {
+ .pdfViewerDash-text {
.textLayer {
span {
user-select: none;
@@ -210,7 +210,7 @@
.pdfBox-interactive {
pointer-events: all;
- .pdfViewer-text {
+ .pdfViewerDash-text {
.textLayer {
span {
user-select: text;
diff --git a/src/client/views/pdf/PDFViewer.scss b/src/client/views/pdf/PDFViewer.scss
index affffc44e..cfe0b3d4b 100644
--- a/src/client/views/pdf/PDFViewer.scss
+++ b/src/client/views/pdf/PDFViewer.scss
@@ -1,5 +1,5 @@
-.pdfViewer, .pdfViewer-interactive {
+.pdfViewerDash, .pdfViewerDash-interactive {
width: 100%;
height: 100%;
position: absolute;
@@ -31,26 +31,26 @@
position: relative;
border: unset;
}
- .pdfViewer-text-selected {
+ .pdfViewerDash-text-selected {
.textLayer{
pointer-events: all;
user-select: text;
}
}
- .pdfViewer-text {
+ .pdfViewerDash-text {
transform-origin: top left;
.textLayer {
will-change: transform;
}
}
- .pdfViewer-dragAnnotationBox {
+ .pdfViewerDash-dragAnnotationBox {
position:absolute;
background-color: transparent;
opacity: 0.1;
}
- .pdfViewer-overlay, .pdfViewer-overlay-inking {
+ .pdfViewerDash-overlay, .pdfViewerDash-overlay-inking {
transform-origin: left top;
position: absolute;
top: 0px;
@@ -58,11 +58,11 @@
display: inline-block;
width:100%;
}
- .pdfViewer-overlay {
+ .pdfViewerDash-overlay {
pointer-events: none;
}
- .pdfViewer-annotationLayer {
+ .pdfViewerDash-annotationLayer {
position: absolute;
transform-origin: left top;
top: 0;
@@ -70,12 +70,12 @@
pointer-events: none;
mix-blend-mode: multiply; // bcz: makes text fuzzy!
- .pdfViewer-annotationBox {
+ .pdfViewerDash-annotationBox {
position: absolute;
background-color: rgba(245, 230, 95, 0.616);
}
}
- .pdfViewer-waiting {
+ .pdfViewerDash-waiting {
width: 70%;
height: 70%;
margin : 15%;
@@ -86,7 +86,7 @@
}
}
-.pdfViewer-interactive {
+.pdfViewerDash-interactive {
pointer-events: all;
}
\ No newline at end of file
diff --git a/src/client/views/pdf/PDFViewer.tsx b/src/client/views/pdf/PDFViewer.tsx
index 9f40a3ad7..8185dd67f 100644
--- a/src/client/views/pdf/PDFViewer.tsx
+++ b/src/client/views/pdf/PDFViewer.tsx
@@ -357,7 +357,7 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
this.Index = Math.min(this.Index + 1, this.allAnnotations.length - 1);
this.scrollToAnnotation(this.allAnnotations.sort((a, b) => NumCast(a.y) - NumCast(b.y))[this.Index]);
this.Document.searchIndex = this.Index;
- this.Document.length=this.allAnnotations.length;
+ this.Document.length = this.allAnnotations.length;
}
@@ -426,7 +426,7 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
query: searchString
});
this.Document.searchIndex = this.Index;
- this.Document.length=this.allAnnotations.length;
+ this.Document.length = this.allAnnotations.length;
}
else if (this._mainCont.current) {
const executeFind = () => {
@@ -441,7 +441,7 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
this._mainCont.current.addEventListener("pagesloaded", executeFind);
this._mainCont.current.addEventListener("pagerendered", executeFind);
this.Document.searchIndex = this.Index;
- this.Document.length=this.allAnnotations.length;
+ this.Document.length = this.allAnnotations.length;
}
}
@@ -520,7 +520,7 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
if (rect.width !== this._mainCont.current.clientWidth &&
(i === 0 || !intersectRect(clientRects[i], clientRects[i - 1]))) {
const annoBox = document.createElement("div");
- annoBox.className = "pdfViewer-annotationBox";
+ annoBox.className = "pdfViewerDash-annotationBox";
// transforms the positions from screen onto the pdf div
annoBox.style.top = ((rect.top - boundingRect.top) * scaleX / this._zoomed + this._mainCont.current.scrollTop).toString();
annoBox.style.left = ((rect.left - boundingRect.left) * scaleX / this._zoomed).toString();
@@ -547,7 +547,7 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
this._savedAnnotations.clear();
if (this._marqueeing) {
if (this._marqueeWidth > 10 || this._marqueeHeight > 10) {
- const marquees = this._mainCont.current!.getElementsByClassName("pdfViewer-dragAnnotationBox");
+ const marquees = this._mainCont.current!.getElementsByClassName("pdfViewerDash-dragAnnotationBox");
if (marquees && marquees.length) { // copy the marquee and convert it to a permanent annotation.
const style = (marquees[0] as HTMLDivElement).style;
const copy = document.createElement("div");
@@ -558,7 +558,7 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
copy.style.border = style.border;
copy.style.opacity = style.opacity;
(copy as any).marqueeing = true;
- copy.className = "pdfViewer-annotationBox";
+ copy.className = "pdfViewerDash-annotationBox";
this.createAnnotation(copy, this.getPageFromScroll(this._marqueeY));
}
@@ -676,7 +676,7 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
@computed get annotationLayer() {
TraceMobx();
- return <div className="pdfViewer-annotationLayer" style={{ height: NumCast(this.Document._nativeHeight), transform: `scale(${this._zoomed})` }} ref={this._annotationLayer}>
+ return <div className="pdfViewerDash-annotationLayer" style={{ height: NumCast(this.Document._nativeHeight), transform: `scale(${this._zoomed})` }} ref={this._annotationLayer}>
{this.nonDocAnnotations.sort((a, b) => NumCast(a.y) - NumCast(b.y)).map(anno =>
<Annotation {...this.props} focus={this.props.focus} dataDoc={this.dataDoc} fieldKey={this.props.fieldKey} anno={anno} key={`${anno[Id]}-annotation`} />)
}
@@ -718,13 +718,13 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
</div>;
}
@computed get pdfViewerDiv() {
- return <div className={"pdfViewer-text" + ((!DocumentDecorations.Instance.Interacting && (this.props.isSelected() || this.props.isChildActive())) ? "-selected" : "")} ref={this._viewer} />;
+ return <div className={"pdfViewerDash-text" + ((!DocumentDecorations.Instance.Interacting && (this.props.isSelected() || this.props.isChildActive())) ? "-selected" : "")} ref={this._viewer} />;
}
@computed get contentScaling() { return this.props.ContentScaling(); }
@computed get standinViews() {
return <>
{this._showCover ? this.getCoverImage() : (null)}
- {this._showWaiting ? <img className="pdfViewer-waiting" key="waiting" src={"/assets/loading.gif"} /> : (null)}
+ {this._showWaiting ? <img className="pdfViewerDash-waiting" key="waiting" src={"/assets/loading.gif"} /> : (null)}
</>;
}
marqueeWidth = () => this._marqueeWidth;
@@ -736,7 +736,7 @@ export class PDFViewer extends ViewBoxAnnotatableComponent<IViewerProps, PdfDocu
contentZoom = () => this._zoomed;
render() {
TraceMobx();
- return <div className={"pdfViewer" + (this.active() ? "-interactive" : "")} ref={this._mainCont}
+ return <div className={"pdfViewerDash" + (this.active() ? "-interactive" : "")} ref={this._mainCont}
onScroll={this.onScroll} onWheel={this.onZoomWheel} onPointerDown={this.onPointerDown} onClick={this.onClick}
style={{
overflowX: this._zoomed !== 1 ? "scroll" : undefined,
@@ -764,7 +764,7 @@ interface PdfViewerMarqueeProps {
@observer
class PdfViewerMarquee extends React.Component<PdfViewerMarqueeProps> {
render() {
- return !this.props.isMarqueeing() ? (null) : <div className="pdfViewer-dragAnnotationBox"
+ return !this.props.isMarqueeing() ? (null) : <div className="pdfViewerDash-dragAnnotationBox"
style={{
left: `${this.props.x()}px`, top: `${this.props.y()}px`,
width: `${this.props.width()}px`, height: `${this.props.height()}px`,
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2025-10-07 22:07:19 +0000