|
|
@ -6,7 +6,15 @@
|
|
|
|
<form
|
|
|
|
<form
|
|
|
|
autocomplete="off"
|
|
|
|
autocomplete="off"
|
|
|
|
@submit.prevent="postStatus(newStatus)"
|
|
|
|
@submit.prevent="postStatus(newStatus)"
|
|
|
|
|
|
|
|
@dragover.prevent="fileDrag"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
|
|
|
v-show="showDropIcon !== 'hide'"
|
|
|
|
|
|
|
|
:style="{ animation: showDropIcon === 'show' ? 'fade-in 0.25s' : 'fade-out 0.5s' }"
|
|
|
|
|
|
|
|
class="drop-indicator icon-upload"
|
|
|
|
|
|
|
|
@dragleave="fileDragStop"
|
|
|
|
|
|
|
|
@drop.stop="fileDrop"
|
|
|
|
|
|
|
|
/>
|
|
|
|
<div class="form-group">
|
|
|
|
<div class="form-group">
|
|
|
|
<i18n
|
|
|
|
<i18n
|
|
|
|
v-if="!$store.state.users.currentUser.locked && newStatus.visibility == 'private'"
|
|
|
|
v-if="!$store.state.users.currentUser.locked && newStatus.visibility == 'private'"
|
|
|
@ -97,8 +105,6 @@
|
|
|
|
class="form-post-body"
|
|
|
|
class="form-post-body"
|
|
|
|
@keydown.meta.enter="postStatus(newStatus)"
|
|
|
|
@keydown.meta.enter="postStatus(newStatus)"
|
|
|
|
@keydown.ctrl.enter="postStatus(newStatus)"
|
|
|
|
@keydown.ctrl.enter="postStatus(newStatus)"
|
|
|
|
@drop="fileDrop"
|
|
|
|
|
|
|
|
@dragover.prevent="fileDrag"
|
|
|
|
|
|
|
|
@input="resize"
|
|
|
|
@input="resize"
|
|
|
|
@compositionupdate="resize"
|
|
|
|
@compositionupdate="resize"
|
|
|
|
@paste="paste"
|
|
|
|
@paste="paste"
|
|
|
@ -447,7 +453,8 @@
|
|
|
|
form {
|
|
|
|
form {
|
|
|
|
display: flex;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
padding: 0.6em;
|
|
|
|
margin: 0.6em;
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.form-group {
|
|
|
|
.form-group {
|
|
|
@ -505,5 +512,35 @@
|
|
|
|
cursor: pointer;
|
|
|
|
cursor: pointer;
|
|
|
|
z-index: 4;
|
|
|
|
z-index: 4;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes fade-in {
|
|
|
|
|
|
|
|
from { opacity: 0; }
|
|
|
|
|
|
|
|
to { opacity: 0.6; }
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes fade-out {
|
|
|
|
|
|
|
|
from { opacity: 0.6; }
|
|
|
|
|
|
|
|
to { opacity: 0; }
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.drop-indicator {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
font-size: 5em;
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
opacity: 0.6;
|
|
|
|
|
|
|
|
color: $fallback--text;
|
|
|
|
|
|
|
|
color: var(--text, $fallback--text);
|
|
|
|
|
|
|
|
background-color: $fallback--bg;
|
|
|
|
|
|
|
|
background-color: var(--bg, $fallback--bg);
|
|
|
|
|
|
|
|
border-radius: $fallback--tooltipRadius;
|
|
|
|
|
|
|
|
border-radius: var(--tooltipRadius, $fallback--tooltipRadius);
|
|
|
|
|
|
|
|
border: 2px dashed $fallback--text;
|
|
|
|
|
|
|
|
border: 2px dashed var(--text, $fallback--text);
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|