Skip to content

Instantly share code, notes, and snippets.

@samnabi
Created February 25, 2016 15:03
Show Gist options
  • Save samnabi/9e6bc5872cdb9f0da133 to your computer and use it in GitHub Desktop.
Save samnabi/9e6bc5872cdb9f0da133 to your computer and use it in GitHub Desktop.
Better drag-and-drop file upload UI for Kirby Panel
/* Better drag-and-drop UI for panel files */
.marginalia[href="#upload"] {
padding: 1rem 1rem 1rem 4rem;
position: relative;
display: block;
border: 2px dashed lightgrey;
border-radius: 0.3em;
}
html[lang="en"] .marginalia[href="#upload"]:after {
content: '. Drag & drop here to upload.';
}
.marginalia[href="#upload"]:before {
position: absolute;
display: block;
left: 1rem;
top: 50%;
margin-top: -0.7rem;
font-family: 'FontAwesome';
font-size: 2rem;
content: '\f0ee';
color: #CCC;
}
.marginalia[href="#upload"]:hover:before,
.marginalia[href="#upload"]:focus:before {
color: inherit;
}
@samnabi
Copy link
Author

samnabi commented Feb 25, 2016

screen shot 2016-02-25 at 10 00 36

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment