|
|
|
@ -24,7 +24,6 @@ |
|
|
|
|
min-width: 150px; |
|
|
|
|
max-height: 150px; |
|
|
|
|
padding-right: 16px; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
.attachment-thumbnail { |
|
|
|
|
max-width: 150px; |
|
|
|
@ -81,7 +80,7 @@ |
|
|
|
|
top: 0; |
|
|
|
|
left: 0; |
|
|
|
|
z-index: 9999 !important; |
|
|
|
|
background: rgba(13,13,13,0.95); |
|
|
|
|
background: rgba(13, 13, 13, 0.95); |
|
|
|
|
} |
|
|
|
|
#viewer-container { |
|
|
|
|
display: flex; |
|
|
|
@ -99,10 +98,12 @@ |
|
|
|
|
#attachment-name { |
|
|
|
|
color: white; |
|
|
|
|
font-size: 1.5em; |
|
|
|
|
max-width: calc(100% - 50px); /* Make sure the name does not overlap the close button */ |
|
|
|
|
max-width: calc( |
|
|
|
|
100% - 50px |
|
|
|
|
); /* Make sure the name does not overlap the close button */ |
|
|
|
|
} |
|
|
|
|
#viewer-close { |
|
|
|
|
color:white; |
|
|
|
|
color: white; |
|
|
|
|
cursor: pointer; |
|
|
|
|
font-size: 4em; |
|
|
|
|
top: 0; |
|
|
|
@ -111,7 +112,7 @@ |
|
|
|
|
} |
|
|
|
|
.attachment-arrow { |
|
|
|
|
font-size: 4em; |
|
|
|
|
color:white; |
|
|
|
|
color: white; |
|
|
|
|
cursor: pointer; |
|
|
|
|
align-self: center; |
|
|
|
|
margin: 0 20px; |
|
|
|
@ -124,17 +125,16 @@ |
|
|
|
|
height: calc(100% - 50px); |
|
|
|
|
} |
|
|
|
|
#image-viewer { |
|
|
|
|
background: |
|
|
|
|
repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) |
|
|
|
|
50% / 20px 20px; /* Checkerboard background for transparent images */ |
|
|
|
|
max-width: 100%; |
|
|
|
|
max-height: 100%; |
|
|
|
|
background: repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 50% / |
|
|
|
|
20px 20px; /* Checkerboard background for transparent images */ |
|
|
|
|
max-width: 100%; |
|
|
|
|
max-height: 100%; |
|
|
|
|
} |
|
|
|
|
#pdf-viewer { |
|
|
|
|
width: 40vw; |
|
|
|
|
height: 100%; |
|
|
|
|
} |
|
|
|
|
#txt-viewer{ |
|
|
|
|
#txt-viewer { |
|
|
|
|
background-color: white; |
|
|
|
|
width: 40vw; |
|
|
|
|
height: 100%; |
|
|
|
@ -156,25 +156,29 @@ |
|
|
|
|
#viewer-container { |
|
|
|
|
display: block; |
|
|
|
|
} |
|
|
|
|
.attachment-arrow{ |
|
|
|
|
.attachment-arrow { |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 2.2em; |
|
|
|
|
font-size: 1.6em; |
|
|
|
|
padding: 16px; |
|
|
|
|
} |
|
|
|
|
#prev-attachment{ |
|
|
|
|
#prev-attachment { |
|
|
|
|
left: 0; |
|
|
|
|
} |
|
|
|
|
#next-attachment{ |
|
|
|
|
#next-attachment { |
|
|
|
|
right: 0; |
|
|
|
|
} |
|
|
|
|
#pdf-viewer { |
|
|
|
|
width: 100%; |
|
|
|
|
height: calc(100vh - 155px); /* Full height - height of top and bottom bars */ |
|
|
|
|
height: calc( |
|
|
|
|
100vh - 155px |
|
|
|
|
); /* Full height - height of top and bottom bars */ |
|
|
|
|
} |
|
|
|
|
#txt-viewer { |
|
|
|
|
width: 100%; |
|
|
|
|
height: calc(100vh - 155px); /* Full height - height of top and bottom bars */ |
|
|
|
|
height: calc( |
|
|
|
|
100vh - 155px |
|
|
|
|
); /* Full height - height of top and bottom bars */ |
|
|
|
|
} |
|
|
|
|
#audio-viewer { |
|
|
|
|
margin-top: 20%; |
|
|
|
|