moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add attachment counter

This commit is contained in:
Henry Jameson 2021-08-16 01:11:16 +03:00
parent 7cc19ef2ea
commit 14ec7d6a41
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/media_modal/media_modal.vue
View File

@ -65,6 +65,11 @@
> >
{{ description }} {{ description }}
</span> </span>
<span
class="counter"
>
{{ currentIndex + 1 }} / {{ media.length }}
</span>
<span <span
v-if="loading" v-if="loading"
class="loading-spinner" class="loading-spinner"
@ -110,15 +115,22 @@
} }
} }
.description,
.counter {
/* Hardcoded since background is also hardcoded */ /* Hardcoded since background is also hardcoded */
.description {
color: white; color: white;
margin-top: 1em; margin-top: 1em;
text-shadow: 0 0 10px black, 0 0 10px black; 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-width: 500px;
max-height: 9.5em; max-height: 9.5em;
overflow-y: auto; word-break: break-all;
padding: 0 2em;
} }
.modal-image { .modal-image {
@ -141,6 +153,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
svg { svg {
color: white; color: white;
} }