better pdf ux
This commit is contained in:
@@ -4566,19 +4566,50 @@ body,
|
||||
}
|
||||
}
|
||||
|
||||
.media-info-pdf-preview {
|
||||
background: var(--bs-body-bg);
|
||||
.media-info-pdf-toolbar {
|
||||
align-items: center;
|
||||
background: var(--bs-tertiary-bg);
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: 0.75rem;
|
||||
color: var(--bs-body-color);
|
||||
font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
||||
font-size: 0.95rem;
|
||||
line-height: 1.5;
|
||||
margin: 0 0 1rem;
|
||||
max-height: 62vh;
|
||||
overflow: auto;
|
||||
padding: 1rem;
|
||||
white-space: pre-wrap;
|
||||
border-radius: 0.9rem;
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.75rem;
|
||||
padding: 0.75rem 1rem;
|
||||
}
|
||||
|
||||
.media-info-pdf-toolbar b,
|
||||
.media-info-pdf-toolbar span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.media-info-pdf-toolbar span {
|
||||
color: var(--bs-secondary-color);
|
||||
font-size: 0.82rem;
|
||||
margin-top: 0.15rem;
|
||||
}
|
||||
|
||||
.media-info-pdf-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.media-info-pdf-viewer {
|
||||
background: var(--bs-tertiary-bg);
|
||||
border: 1px solid var(--bs-border-color);
|
||||
border-radius: 0.9rem;
|
||||
height: min(72vh, 860px);
|
||||
min-height: 520px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.media-info-pdf-viewer object {
|
||||
border: 0;
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.media-info-pdf-empty {
|
||||
@@ -4618,4 +4649,18 @@ body,
|
||||
.media-info-pdf-empty {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.media-info-pdf-toolbar {
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.media-info-pdf-actions {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.media-info-pdf-viewer {
|
||||
height: 68vh;
|
||||
min-height: 420px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user