uppy/examples/dev/Dashboard.html
Evgenia Karunus 8be2004826 Feature/replace dnd in drag drop package (#1565)
* /examples/dev - added drag-drop plugin dev environment

* @uppy/drag-drop - moved isDragDropSupported() to @uppy/utils

* @uppy/drag-drop - got rid of drag-drop npm library

* examples/dev - made compiled files placed in /output instead of /lib

* ~/examples/dev - made watchify only watch files once

* @uppy/drag-drop - add onPaste

* /examples/dev - readded html css override-attempts

* @uppy/drag-drop - made whole area clickable, and made it accessible

* @uppy/drag-drop - removed excessive outline in firefox

* REVERTED last 2 commits
2019-06-05 17:04:34 +03:00

57 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dashboard</title>
<style>
main {
padding-top: 100px;
text-align: center;
}
#upload-form {
max-width: 400px;
text-align: left;
margin: auto;
}
button,
input {
color: green;
font-size: 30px;
text-align: right;
border: 2px solid purple;
}
/* css to make sure that Dashboard's css overrides page css */
ul {
margin: 60px;
}
li {
margin: 60px;
}
a {
color: purple;
}
</style>
</head>
<body>
<main class="foo">
<h1>Dashboard is here</h1>
<!-- some inputs in a form to check focus management in Dashboard -->
<form id="upload-form" action="/">
<button type="button" id="pick-files">Pick Files</button><br>
True ? <input type="checkbox" name="check_test" value="1" checked><br>
Something: <input type="text" name="yo" value="1"><br>
<input type="hidden" name="bla" value="12333"><br>
<button type="submit">Submit</button>
</form>
</main>
<link href="uppy.min.css" rel="stylesheet">
<script src="output/index.js"></script>
</body>
</html>