diff options
| author | Thomas Bruederli <thomas@roundcube.net> | 2012-06-26 11:49:47 +0200 |
|---|---|---|
| committer | Thomas Bruederli <thomas@roundcube.net> | 2012-06-26 11:49:47 +0200 |
| commit | 0be8bd11e2efa5ddabe576fb535e086cb78cc42c (patch) | |
| tree | 1f20f7919b0470551ac8613117ec6f5f4ab80887 /skins | |
| parent | 7ab9c1775243217f3f6cb0717b1894a98303d04e (diff) | |
Enable drag & drop file upload for contact photos
Diffstat (limited to 'skins')
| -rw-r--r-- | skins/larry/addressbook.css | 23 | ||||
| -rw-r--r-- | skins/larry/templates/contactedit.html | 1 |
2 files changed, 24 insertions, 0 deletions
diff --git a/skins/larry/addressbook.css b/skins/larry/addressbook.css index a9a3c9883..9856e2836 100644 --- a/skins/larry/addressbook.css +++ b/skins/larry/addressbook.css @@ -160,6 +160,29 @@ #contactpic img { width: 112px; + visibility: inherit; +} + +#contactpic.droptarget { + background-image: url(images/filedrop.png); + background-position: center; + background-repeat: no-repeat; +} + +#contactpic.droptarget.hover { + background-color: #d9ecf4; + box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); + -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9); +} + +#contactpic.droptarget.active img { + opacity: 0.15; +} + +#contactpic.droptarget.hover img { + opacity: 0.05; } #contacthead { diff --git a/skins/larry/templates/contactedit.html b/skins/larry/templates/contactedit.html index 39d48440b..9978c4757 100644 --- a/skins/larry/templates/contactedit.html +++ b/skins/larry/templates/contactedit.html @@ -19,6 +19,7 @@ <div id="contactphoto"> <roundcube:object name="contactphoto" id="contactpic" placeholder="/images/contactpic.png" /> <roundcube:if condition="env:photocol" /> + <roundcube:object name="fileDropArea" id="contactpic" /> <div class="formlinks"> <roundcube:button command="upload-photo" id="uploadformlink" type="link" label="replacephoto" class="iconlink upload disabled" classAct="iconlink upload active" onclick="UI.show_uploadform();return false" condition="env:photocol" /><br/> <roundcube:button command="delete-photo" type="link" label="delete" class="iconlink delete disabled" classAct="iconlink delete active" condition="env:photocol" /> |