- use popupmenu style for attachments upload form
- move .popupmenu style definition to common.css
| | |
| | | { |
| | | if (!this.gui_objects.uploadbox) |
| | | return false; |
| | | |
| | | |
| | | var elm, list; |
| | | if (elm = this.gui_objects.uploadbox) |
| | | { |
| | |
| | | elm.style.top = (pos.top + list.offsetHeight + 10) + 'px'; |
| | | elm.style.left = pos.left + 'px'; |
| | | } |
| | | |
| | | elm.style.visibility = a ? 'visible' : 'hidden'; |
| | | |
| | | $(elm).toggle(); |
| | | } |
| | | |
| | | // clear upload form |
| | |
| | | html::div(null, rcmail_compose_attachment_field(array('size' => $attrib[attachmentfieldsize]))) . |
| | | html::div('hint', rcube_label(array('name' => 'maxuploadsize', 'vars' => array('size' => $max_filesize)))) . |
| | | html::div('buttons', |
| | | $button->show(rcube_label('close'), array('class' => 'button', 'onclick' => "document.getElementById('$attrib[id]').style.visibility='hidden'")) . ' ' . |
| | | $button->show(rcube_label('close'), array('class' => 'button', 'onclick' => "$('#$attrib[id]').hide()")) . ' ' . |
| | | $button->show(rcube_label('upload'), array('class' => 'button mainaction', 'onclick' => JS_OBJECT_NAME . ".command('send-attachment', this.form)")) |
| | | ) |
| | | ) |
| | |
| | | padding-right: 10px; |
| | | } |
| | | |
| | | .popupmenu |
| | | { |
| | | position: absolute; |
| | | top: 32px; |
| | | left: 90px; |
| | | width: auto; |
| | | display: none; |
| | | background-color: #fff; |
| | | background-color: rgba(255, 255, 255, 0.95); |
| | | border: 1px solid #999; |
| | | padding: 4px; |
| | | z-index: 240; |
| | | border-radius: 3px; |
| | | -moz-border-radius: 3px; |
| | | -webkit-border-radius: 3px; |
| | | -moz-box-shadow: 1px 1px 12px #999; |
| | | -webkit-box-shadow: #999 1px 1px 12px; |
| | | } |
| | | |
| | | |
| | | /***** common table settings ******/ |
| | | |
| | |
| | | opacity: 0.8; |
| | | } |
| | | |
| | | |
| | | |
| | | /***** onclick menu list *****/ |
| | | |
| | | ul.toolbarmenu |
| | |
| | | padding-left: 2px; |
| | | } |
| | | |
| | | .popupmenu |
| | | { |
| | | position: absolute; |
| | | top: 32px; |
| | | left: 90px; |
| | | width: auto; |
| | | display: none; |
| | | background-color: #fff; |
| | | background-color: rgba(255, 255, 255, 0.95); |
| | | border: 1px solid #999; |
| | | padding: 4px; |
| | | z-index: 240; |
| | | border-radius: 3px; |
| | | -moz-border-radius: 3px; |
| | | -webkit-border-radius: 3px; |
| | | -moz-box-shadow: 1px 1px 12px #999; |
| | | -webkit-box-shadow: #999 1px 1px 12px; |
| | | } |
| | | |
| | | #searchmenu |
| | | { |
| | | width: 160px; |
| | |
| | | |
| | | #attachment-form |
| | | { |
| | | position: absolute; |
| | | top: 150px; |
| | | left: 20px; |
| | | z-index: 200; |
| | | padding: 6px; |
| | | visibility: hidden; |
| | | border: 1px solid #CCCCCC; |
| | | background-color: #F9F9F9; |
| | | } |
| | | |
| | | #attachment-form div |
| | |
| | | |
| | | </form> |
| | | |
| | | <roundcube:object name="composeAttachmentForm" id="attachment-form" attachmentFieldSize="40" /> |
| | | <roundcube:object name="composeAttachmentForm" id="attachment-form" attachmentFieldSize="40" class="popupmenu" /> |
| | | |
| | | </body> |
| | | </html> |