Enable contact photo drag&drop upload

Aleksander Machniak

2012-06-26 acf5becbf16675f43882cc5cd485462041c7b0af

Enable contact photo drag&drop upload

 skins/default/addressbook.css

@@ -310,6 +310,13 @@
    width: 60px;
}

#contactpic.droptarget.hover {
    background-color: #f0f0ee;
    box-shadow: 0 0 5px 0 #999;
    -moz-box-shadow: 0 0 5px 0 #999;
    -o-box-shadow: 0 0 5px 0 #999;
}

#contactphoto .formlinks
{
    margin-top: 0.5em;

 skins/default/templates/contactadd.html

@@ -33,6 +33,7 @@
</div>

<roundcube:object name="photoUploadForm" id="upload-form" size="30" class="popupmenu" />
<roundcube:object name="fileDropArea" id="contactpic" />

<script type="text/javascript">rcube_init_tabs('contacttabs')</script>


 skins/default/templates/contactedit.html

@@ -22,7 +22,6 @@
  </div>
  <roundcube:object name="contactedithead" id="contacthead" size="16" form="editform" />
  <div style="clear:both"></div>
  
  <div id="contacttabs">
    <roundcube:object name="contacteditform" size="40" textareacols="60" deleteIcon="/images/icons/delete.png" form="editform" />
  </div>
@@ -34,6 +33,7 @@
</div>

<roundcube:object name="photoUploadForm" id="upload-form" size="30" class="popupmenu" />
<roundcube:object name="fileDropArea" id="contactpic" />

<script type="text/javascript">rcube_init_tabs('contacttabs')</script>