achieve the perfect speeeeen in media-upload

This commit is contained in:
Henry Jameson 2019-11-11 21:45:40 +02:00
parent 7502ee9734
commit 9e774fffbf
2 changed files with 18 additions and 14 deletions

View file

@ -6,16 +6,16 @@
@drop="fileDrop" @drop="fileDrop"
> >
<label <label
class="btn btn-default" class="label"
:title="$t('tool_tip.media_upload')" :title="$t('tool_tip.media_upload')"
> >
<i <i
v-if="uploading" v-if="uploading"
class="icon-spin4 animate-spin" class="progress-icon icon-spin4 animate-spin"
/> />
<i <i
v-if="!uploading" v-if="!uploading"
class="icon-upload" class="new-icon icon-upload"
/> />
<input <input
v-if="uploadReady" v-if="uploadReady"
@ -30,15 +30,24 @@
<script src="./media_upload.js" ></script> <script src="./media_upload.js" ></script>
<style> <style lang="scss">
.media-upload { .media-upload {
.icon-upload { .label {
display: inline-block;
}
.new-icon {
cursor: pointer; cursor: pointer;
} }
label { .progress-icon {
display: block; display: inline-block;
width: 100%; line-height: 0;
&::before {
/* Overriding fontello to achieve the perfect speeeen */
margin: 0;
line-height: 0;
}
} }
} }
</style> </style>

View file

@ -339,11 +339,6 @@
font-size: 26px; font-size: 26px;
flex: 1; flex: 1;
i {
display: block;
width: 100%;
}
&.selected, &:hover { &.selected, &:hover {
// needs to be specific to override icon default color // needs to be specific to override icon default color
i, label { i, label {