Redesign 1 bcrypt #226
3 changed files with 24 additions and 24 deletions
|
@ -41,7 +41,7 @@ function dragend_handler(event) {
|
|||
|
||||
function dragenter_handler(event) {
|
||||
const dropzone = document.getElementById(event.target.id);
|
||||
dropzone.setAttribute('class', 'dropzone dropzone--drag-over row row--tall flex-container flex-container--column flex-container--center');
|
||||
dropzone.setAttribute('class', 'dropzone dropzone--drag-over row row--margined row--padded row--tall flex-container flex-container--column flex-container--center');
|
||||
dropzone.firstElementChild.setAttribute('class', 'hidden');
|
||||
dropzone.lastElementChild.setAttribute('class', '');
|
||||
|
||||
|
@ -49,7 +49,7 @@ function dragenter_handler(event) {
|
|||
|
||||
function dragexit_handler(event) {
|
||||
const dropzone = document.getElementById(event.target.id);
|
||||
dropzone.setAttribute('class', 'dropzone row row--tall flex-container flex-container--column flex-container--center');
|
||||
dropzone.setAttribute('class', 'dropzone row row--tall row--margined row--padded flex-container flex-container--column flex-container--center');
|
||||
dropzone.firstElementChild.setAttribute('class', '');
|
||||
dropzone.lastElementChild.setAttribute('class', 'hidden');
|
||||
}
|
|
@ -16,31 +16,31 @@
|
|||
</div>
|
||||
</div>
|
||||
<div id="publish-form" class="hidden">
|
||||
<div class="column column--10">
|
||||
<!-- title input -->
|
||||
<div class="row row--padded row--no-bottom">
|
||||
<div class="row row--padded row--no-bottom">
|
||||
<div class="column column--10">
|
||||
<!-- title input -->
|
||||
<input type="text" id="publish-title" class="input-text input-text--large input-text--full-width" placeholder="Give your post a title...">
|
||||
</div>
|
||||
</div>
|
||||
<div class="column column--5 column--med-10" >
|
||||
<!-- preview -->
|
||||
<div class="row row--margined">
|
||||
<div id="asset-preview-holder" class="dropzone row--margined" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)" onmouseenter="showInstructions()" onmouseleave="hideInstructions()" onclick="triggerFileChooser('siofu_input', event)">
|
||||
<div id="asset-preview-target"></div>
|
||||
<div id="preview-dropzone-instructions" class="hidden">
|
||||
<p>Drag & drop image or video here</p>
|
||||
<p class="fine-print">OR</p>
|
||||
<p class="blue-underlined-pointer">CHOOSE FILE</p>
|
||||
<div class="column column--5 column--med-10" >
|
||||
<!-- preview -->
|
||||
<div class="row row--padded">
|
||||
<div id="asset-preview-holder" class="dropzone" ondrop="drop_handler(event);" ondragover="dragover_handler(event);" ondragend="dragend_handler(event)" onmouseenter="showInstructions()" onmouseleave="hideInstructions()" onclick="triggerFileChooser('siofu_input', event)">
|
||||
<div id="asset-preview-target"></div>
|
||||
<div id="preview-dropzone-instructions" class="hidden">
|
||||
<p>Drag & drop image or video here</p>
|
||||
<p class="fine-print">OR</p>
|
||||
<p class="blue-underlined-pointer">CHOOSE FILE</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class="column column--5 column--med-10 align-content-top">
|
||||
<div id="publish-active-area" class="row row--margined">
|
||||
{{> publishForm-Channel}}
|
||||
{{> publishForm-Url}}
|
||||
{{> publishForm-Thumbnail}}
|
||||
{{> publishForm-Details}}
|
||||
{{> publishForm-Submit}}
|
||||
</div><div class="column column--5 column--med-10 align-content-top">
|
||||
<div id="publish-active-area" class="row row--padded">
|
||||
{{> publishForm-Channel}}
|
||||
{{> publishForm-Url}}
|
||||
{{> publishForm-Thumbnail}}
|
||||
{{> publishForm-Details}}
|
||||
{{> publishForm-Submit}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
</div><div class="column column--5 column--med-10 align-content-top">
|
||||
<!-- details -->
|
||||
<div class="row">
|
||||
<div class="row row--padded">
|
||||
{{> assetInfo}}
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Reference in a new issue