diff options
| author | Thomas Bruederli <thomas@roundcube.net> | 2012-06-06 17:35:21 +0200 |
|---|---|---|
| committer | Thomas Bruederli <thomas@roundcube.net> | 2012-06-06 17:35:21 +0200 |
| commit | ae6d2de17f740915e47c64d210680eb5e9850335 (patch) | |
| tree | d385b6a56aaca33cadeda6ece5bf7e2ae2b4c8e7 /skins | |
| parent | e29515a504e862065684f6f41ab632ab38087c8d (diff) | |
New feature to add mail attachments using drag & drop on HTML5 enabled browsers
Diffstat (limited to 'skins')
| -rw-r--r-- | skins/larry/images/filedrop.png | bin | 0 -> 605 bytes | |||
| -rw-r--r-- | skins/larry/mail.css | 27 | ||||
| -rw-r--r-- | skins/larry/templates/compose.html | 1 |
3 files changed, 27 insertions, 1 deletions
diff --git a/skins/larry/images/filedrop.png b/skins/larry/images/filedrop.png Binary files differnew file mode 100644 index 000000000..d4d455bdf --- /dev/null +++ b/skins/larry/images/filedrop.png diff --git a/skins/larry/mail.css b/skins/larry/mail.css index 762f59c8d..0889b3b6c 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -1168,11 +1168,36 @@ div.message-part blockquote blockquote blockquote { bottom: 0; width: 240px; background: #f0f0f0; - border-left: 1px solid #ddd; + border-style: solid; + border-color: #f0f0f0 #f0f0f0 #f0f0f0 #ddd; + border-width: 1px; padding: 8px; overflow: auto; } +#compose-attachments.droptarget { + background-image: url(images/filedrop.png); + background-position: center bottom; + background-repeat: no-repeat; +} + +#compose-attachments.droptarget.hover, +#compose-attachments.droptarget.active { + border-color: #019bc6; + box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); + -moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); + -webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); + -o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5); +} + +#compose-attachments.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); +} + .defaultSkin table.mceLayout, .defaultSkin table.mceLayout tr.mceLast td { border: 0 !important; diff --git a/skins/larry/templates/compose.html b/skins/larry/templates/compose.html index a71e82043..93e9703a4 100644 --- a/skins/larry/templates/compose.html +++ b/skins/larry/templates/compose.html @@ -156,6 +156,7 @@ <roundcube:button name="addattachment" type="input" class="button" classSel="button pressed" label="addattachment" onclick="UI.show_uploadform();return false" tabindex="10" /> </div> <roundcube:object name="composeAttachmentList" id="attachment-list" class="attachmentslist" /> + <roundcube:object name="fileDropArea" id="compose-attachments" /> </div> </div> |
