Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2026-03-04 02:20:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

adding opacity to the PDFs so we can see the numbers and stamps better on the add PDF numbers and the add stamp tools (#5383)

Browse Source 
<img width="301" height="450" alt="Screenshot 2026-01-02 at 2 17 19 PM"
src="https://github.com/user-attachments/assets/f7a1fd6d-722e-454a-a63d-d43709dd4e23"
/>

<img width="304" height="612" alt="Screenshot 2026-01-02 at 2 17 53 PM"
src="https://github.com/user-attachments/assets/907ba03c-b95a-49e2-8285-8ccaffaf067f"
/>

Co-authored-by: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
This commit is contained in:
EthanHealy01
2026-01-05 23:25:31 +00:00
committed by GitHub
parent 0c96133544
commit fbc5d91c2c
4 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/core/components/tools/addPageNumbers/PageNumberPreview.module.css
View File

@@ -8,7 +8,7 @@
}
.containerWithThumbnail {
background-color: transparent;
background-color: white;
}
.containerWithoutThumbnail {
@@ -27,6 +27,7 @@
height: 100%;
object-fit: contain;
filter: grayscale(10%) contrast(95%) brightness(105%);
opacity: 0.3;
}
/* Quick grid overlay styles - EXACT copy from stamp */

2
frontend/src/core/components/tools/addPageNumbers/PageNumberPreview.tsx
View File

@@ -181,7 +181,7 @@ export default function PageNumberPreview({ parameters, onParameterChange, file,
position: 'relative' as const,
width: '100%',
aspectRatio: `${(pageSize?.widthPts ?? 595.28) / (pageSize?.heightPts ?? 841.89)} / 1`,
backgroundColor: pageThumbnail ? 'transparent' : 'rgba(255,255,255,0.03)',
backgroundColor: pageThumbnail ? 'white' : 'rgba(255,255,255,0.03)',
border: '1px solid var(--border-default, #333)',
overflow: 'hidden' as const
}), [pageSize, pageThumbnail]);

3
frontend/src/core/components/tools/addStamp/StampPreview.module.css
View File

@@ -8,7 +8,7 @@
}
.containerWithThumbnail {
background-color: transparent;
background-color: white;
}
.containerWithoutThumbnail {
@@ -27,6 +27,7 @@
height: 100%;
object-fit: contain;
filter: grayscale(10%) contrast(95%) brightness(105%);
opacity: 0.3;
}
/* Stamp item styles */

2
frontend/src/core/components/tools/addStamp/StampPreviewUtils.ts
View File

@@ -209,7 +209,7 @@ export function computeStampPreviewStyle(
position: 'relative',
width: '100%',
aspectRatio: `${(pageSize?.widthPts ?? 595.28) / (pageSize?.heightPts ?? 841.89)} / 1`,
backgroundColor: hasPageThumbnail ? 'transparent' : 'rgba(255,255,255,0.03)',
backgroundColor: hasPageThumbnail ? 'white' : 'rgba(255,255,255,0.03)',
border: '1px solid var(--border-default, #333)',
overflow: 'hidden'
},