- fixed styles for Icon-type fields in admin forms;

This commit is contained in:
nikitasinelnikov
2019-12-12 12:59:22 +02:00
parent 747088a52c
commit 70efb05303
2 changed files with 24 additions and 2 deletions
@@ -14,6 +14,28 @@
padding: 0 0 15px 0;
}
.um-form-table.um-top-label .um-forms-line[data-field_type="icon"] td label {
width: 100%;
display: block;
margin: 0 0 5px 0;
}
.um_admin_fonticon_wrapper {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
}
.um-admin-icon-value {
line-height: 1;
}
.um_admin_fonticon_wrapper .um-admin-icon-value i {
top: 0;
}
input[type=text].um-forms-field.um-long-field,
select.um-forms-field.um-long-field,
textarea.um-forms-field.um-long-field {
+2 -2
View File
@@ -523,7 +523,7 @@ if ( ! class_exists( 'um\admin\core\Admin_Forms' ) ) {
$value = $this->get_field_value( $field_data );
$value_attr = ' value="' . $value . '" ';
$html = '<a href="javascript:void(0);" class="button" data-modal="UM_fonticons" data-modal-size="normal" data-dynamic-content="um_admin_fonticon_selector" data-arg1="" data-arg2="" data-back="">' . __( 'Choose Icon', 'ultimate-member' ) . '</a>
$html = '<span class="um_admin_fonticon_wrapper"><a href="javascript:void(0);" class="button" data-modal="UM_fonticons" data-modal-size="normal" data-dynamic-content="um_admin_fonticon_selector" data-arg1="" data-arg2="" data-back="">' . __( 'Choose Icon', 'ultimate-member' ) . '</a>
<span class="um-admin-icon-value">';
if ( ! empty( $value ) ) {
@@ -540,7 +540,7 @@ if ( ! class_exists( 'um\admin\core\Admin_Forms' ) ) {
$html .= '<span class="um-admin-icon-clear"><i class="um-icon-android-cancel"></i></span>';
}
$html .= '</span>';
$html .= '</span></span>';
return $html;
}