Reformat file

pull/5097/head
Vid Smole 2 years ago
parent db0c91fee5
commit cb2a683f0a
No known key found for this signature in database
GPG Key ID: 85348A78371C84EB
  1. 36
      client/components/cards/attachments.css

@ -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%;

Loading…
Cancel
Save