Commit 6f335511 authored by KR Moorhouse's avatar KR Moorhouse

Merge branch 'issue#3634' into 'develop'

fixed styling issues on Add Form modal

Closes #3634

See merge request ninja-forms/ninja-forms!3649
parents 296e1685 16fff506
......@@ -38,6 +38,10 @@ class NF_Admin_AddFormModal {
vertical-align: text-top;
margin: 0 2px 0 0;
}
.ui-autocomplete li {
white-space: normal;
}
</style>';
$html .= '<a href="#" class="button nf-insert-form"><span class="nf-insert-form dashicons dashicons-feedback"></span> ' . __( 'Add Form', 'ninja-forms' ) . '</a>';
......@@ -102,9 +106,13 @@ class NF_Admin_AddFormModal {
content: jQuery( '#nf-insert-form-modal' ),
onOpen: function() {
jQuery( '.nf-forms-combobox' ).combobox();
jQuery( this )[0].content.find( '.ui-autocomplete-input' ).attr( 'placeholder', '<?php _e( 'Select a form or type to search', 'ninja-forms' )?>' );
jQuery( this )[0].content.find( '.ui-autocomplete-input' ).attr( 'placeholder', '<?php _e( 'Select a form or type to search', 'ninja-forms' )?>' )
.css( 'margin-right', 0 );
jQuery( this )[0].content.find( '.ui-combobox-button' ).css( 'position', 'relative' ).css( 'top', '-3px' );
jQuery( this )[0].content.find( 'ul.ui-autocomplete' ).css( 'max-height', '175px' ).css( 'overflow', 'scroll' );
jQuery( this )[0].content.css( 'overflow', 'visible' );
jQuery( this )[0].content.find( '.ui-icon-triangle-1-s' ).addClass( 'dashicons dashicons-arrow-down' ).css( 'margin-left', '-7px' );
jQuery( this )[0].content.find( '.ui-icon-triangle-1-s' ).addClass( 'dashicons dashicons-arrow-down' ).css( 'margin-left', '-3px' );
},
onClose: function() {
jQuery( '.nf-forms-combobox' ).combobox( 'destroy' );
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment