add attachment counter
This commit is contained in:
parent
7cc19ef2ea
commit
14ec7d6a41
|
@ -65,6 +65,11 @@
|
|||
>
|
||||
{{ description }}
|
||||
</span>
|
||||
<span
|
||||
class="counter"
|
||||
>
|
||||
{{ currentIndex + 1 }} / {{ media.length }}
|
||||
</span>
|
||||
<span
|
||||
v-if="loading"
|
||||
class="loading-spinner"
|
||||
|
@ -110,15 +115,22 @@
|
|||
}
|
||||
}
|
||||
|
||||
/* Hardcoded since background is also hardcoded */
|
||||
.description {
|
||||
.description,
|
||||
.counter {
|
||||
/* Hardcoded since background is also hardcoded */
|
||||
color: white;
|
||||
margin-top: 1em;
|
||||
text-shadow: 0 0 10px black, 0 0 10px black;
|
||||
padding: 0.2em 2em;
|
||||
}
|
||||
|
||||
.description {
|
||||
flex: 0 0 auto;
|
||||
overflow-y: auto;
|
||||
min-height: 1em;
|
||||
max-width: 500px;
|
||||
max-height: 9.5em;
|
||||
overflow-y: auto;
|
||||
padding: 0 2em;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.modal-image {
|
||||
|
@ -141,6 +153,7 @@
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
svg {
|
||||
color: white;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue