prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #1207 from omnivore-app/fix/safari-highlight-color

Browse source 
On Safari PDF Highlights are not setting opacity
This commit is contained in:
Jackson Harper 2022-09-18 13:58:17 +08:00 committed by GitHub
commit 2012c69053
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/web/components/templates/article/PdfArticleContainer.tsx
View file

@ -131,9 +131,17 @@ export default function PdfArticleContainer(
return [copy, remove]
}
const annotationPresets = PSPDFKit.defaultAnnotationPresets;
annotationPresets.highlight = {
opacity: 0.45,
color: new PSPDFKit.Color({ r: 255, g: 210, b: 52 }),
blendMode: PSPDFKit.BlendMode.multiply,
};
instance = await PSPDFKit.load({
container: container || '.pdf-container',
toolbarItems,
annotationPresets,
document: props.article.url,
theme: isDarkTheme() ? PSPDFKit.Theme.DARK : PSPDFKit.Theme.LIGHT,
baseUrl: `${window.location.protocol}//${window.location.host}/`,
@ -275,6 +283,8 @@ export default function PdfArticleContainer(
const annotation = new PSPDFKit.Annotations.HighlightAnnotation({
pageIndex: highlightAnnotation.pageIndex,
rects: rects,
opacity: 0.45,
color: new PSPDFKit.Color({ r: 255, g: 210, b: 52 }),
boundingBox: PSPDFKit.Geometry.Rect.union(rects),
customData: {
omnivoreHighlight: {