Shipping Settings: Update help text on add method modal (#40982)

Move description to bottom of modal
This commit is contained in:
Paul Sealock 2023-10-26 11:40:51 +13:00 committed by paul sealock
parent 3ddb46bad7
commit 050325c296
2 changed files with 21 additions and 2 deletions

View File

@ -4159,6 +4159,21 @@ table.wc_shipping {
margin: 12px 0;
border-radius: 4px;
}
.wc-shipping-zone-method-input-help-text {
position: absolute;
bottom: -30px;
height: 30px;
display: none;
}
input:checked ~ .wc-shipping-zone-method-input-help-text {
display: block;
}
}
.wc-shipping-zone-method-selector {
position: relative;
}
.dashicons-yes {
@ -4274,6 +4289,10 @@ table.wc_shipping {
}
}
.wc-backbone-modal-add-shipping-method .wc-backbone-modal-main article {
padding: 0 32px 50px 32px;
}
table {
tr,
tr:hover {

View File

@ -198,8 +198,8 @@ if ( ! defined( 'ABSPATH' ) ) {
if ( ! $method->supports( 'shipping-zones' ) ) {
continue;
}
$description = wp_kses_post( wpautop( $method->get_method_description() ) );
echo '<div class="wc-shipping-zone-method-input"><input type="radio" value="' . esc_attr( $method->id ) . '" id="' . esc_attr( $method->id ) . '" name="add_method_id"/><label for="' . esc_attr( $method->id ) . '">' . esc_html( $method->get_method_title() ) . ' ' . wc_help_tip( esc_html( $description ) ) . '<span class="dashicons dashicons-yes"></span></label></div>';
$description = wp_kses_post( $method->get_method_description() );
echo '<div class="wc-shipping-zone-method-input"><input type="radio" value="' . esc_attr( $method->id ) . '" id="' . esc_attr( $method->id ) . '" name="add_method_id"/><label for="' . esc_attr( $method->id ) . '">' . esc_html( $method->get_method_title() ) . '<span class="dashicons dashicons-yes"></span></label><div class="wc-shipping-zone-method-input-help-text"><span>' . esc_html( $description ) . '</span></div></div>';
}
?>
</fieldset>