WHY CAN'T I EVER BE DONE!?

I forgot to make clipboard button on mobile to only appear after succesful upload.
This commit is contained in:
Bobby Wibowo 2018-03-29 03:28:40 +07:00
parent add259d1b0
commit 76076ac5c2
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
2 changed files with 12 additions and 4 deletions

View File

@ -17,7 +17,7 @@
<script type="text/javascript" src="libs/dropzone/dropzone.min.js?v=8FbubjpYRC"></script> <script type="text/javascript" src="libs/dropzone/dropzone.min.js?v=8FbubjpYRC"></script>
<script type="text/javascript" src="libs/axios/axios.min.js?v=8FbubjpYRC"></script> <script type="text/javascript" src="libs/axios/axios.min.js?v=8FbubjpYRC"></script>
<script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v=8FbubjpYRC"></script> <script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v=8FbubjpYRC"></script>
<script type="text/javascript" src="js/home.js?v=F3pjG5g7vZ"></script> <script type="text/javascript" src="js/home.js?v=BN63JuN6My"></script>
<!-- Open Graph tags --> <!-- Open Graph tags -->
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
@ -55,6 +55,14 @@
#dropzone * { #dropzone * {
pointer-events: none; pointer-events: none;
} }
img[data-dz-thumbnail] {
max-width: 200px;
}
.clipboard-mobile {
margin-top: 5px;
}
</style> </style>
</head> </head>
@ -94,12 +102,12 @@
<div class="column is-hidden-mobile"></div> <div class="column is-hidden-mobile"></div>
<div class="column"> <div class="column">
<progress class="progress is-small is-danger" value="0" max="100"></progress> <progress class="progress is-small is-danger" value="0" max="100"></progress>
<img class="is-unselectable" style="max-width: 200px" data-dz-thumbnail> <img class="is-unselectable" data-dz-thumbnail>
<p class="error"></p> <p class="error"></p>
<p class="link" style="display: none"> <p class="link" style="display: none">
<a target="_blank"></a> <a target="_blank"></a>
</p> </p>
<p class="clipboard-mobile is-hidden-desktop" style="margin-top: 5px"> <p class="clipboard-mobile is-hidden-desktop" style="display: none">
<a class="button is-info is-outlined clipboard-js" style="display: flex"> <a class="button is-info is-outlined clipboard-js" style="display: flex">
<span class="icon"> <span class="icon">
<i class="icon-attach"></i> <i class="icon-attach"></i>

View File

@ -233,7 +233,7 @@ upload.appendLink = (file, url) => {
const clipboard = file.previewTemplate.querySelector('.clipboard-mobile > .clipboard-js') const clipboard = file.previewTemplate.querySelector('.clipboard-mobile > .clipboard-js')
a.href = a.innerHTML = clipboard.dataset['clipboardText'] = url a.href = a.innerHTML = clipboard.dataset['clipboardText'] = url
a.parentElement.style = '' a.parentElement.style = clipboard.parentElement.style = ''
} }
upload.showThumbnail = (file, url) => { upload.showThumbnail = (file, url) => {