#1921 PDF-Viewer nicht links-rechts scrollbar

This commit is contained in:
Lorenz Hilpert
2021-06-29 13:27:54 +02:00
parent fc9805d43e
commit 52ccdd9dd0
3 changed files with 14 additions and 13 deletions

View File

@@ -12,8 +12,6 @@
zoom-scale="page-height"
></pdf-viewer>
<div class="cta-wrapper">
<button (click)="print()" class="cta-print" type="button">
Drucken
</button>
</div>
<button (click)="print()" class="cta-print" type="button">
Drucken
</button>

View File

@@ -26,10 +26,10 @@ button.close {
@apply text-inactive-branch;
}
}
.cta-wrapper {
@apply sticky bottom-6 left-0 right-0 text-center;
button.cta-print {
@apply bg-brand text-xl px-6 py-3 text-white rounded-full border-none outline-none font-bold shadow-cta;
}
button.cta-print {
@apply sticky bottom-6 bg-brand text-xl px-6 py-3 text-white rounded-full border-none outline-none font-bold shadow-cta;
transform: translateX(-50%);
left: 50%;
width: 175px;
}

View File

@@ -30,18 +30,21 @@ a:disabled {
}
.desktop {
.scroll-bar::-webkit-scrollbar-track {
.scroll-bar::-webkit-scrollbar-track,
pdf-viewer ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background-color: var(--scrollbar-color);
}
.scroll-bar::-webkit-scrollbar {
.scroll-bar::-webkit-scrollbar,
pdf-viewer ::-webkit-scrollbar {
width: 12px;
background-color: white;
}
.scroll-bar::-webkit-scrollbar-thumb {
.scroll-bar::-webkit-scrollbar-thumb,
pdf-viewer ::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #0f2942;