Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Wizard: Style shipping method selection

This commit is contained in:
Valerie 2017-09-23 02:55:30 +03:00 committed by Jeff Stieler
parent 17a97ca3f7
commit aee55f4b68
2 changed files with 55 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
assets/css/wc-setup.scss
View File

@ -619,22 +619,52 @@ body {
}
}
.wc-wizard-shipping-method-select {
.wc-wizard-shipping-method-select,
.shipping-method-setting {
display: flex;
&.hide {
display: none;
}
}
.wc-wizard-shipping-method-dropdown {
.wc-wizard-shipping-method-dropdown,
.shipping-method-setting input {
margin-right: 2em;
margin-bottom: 1em;
.select2 {
min-width: 130px;
}
}
.shipping-method-descriptions .live_rates {
.wc-wizard-service-description {
display: flex;
flex-direction: column;
color: #a6a6a6;
font-size: 0.92em;
}
.shipping-method-setting {
input {
width: 95px; // match dropdown height
border: 1px solid #aaa;
border-color: #ddd;
border-radius: 4px;
height: 28px;
padding-left: 8px;
padding-right: 24px;
font-size: 14px;
color: #444;
background-color: #fff;
display: inline-block;
}
}
.shipping-method-description,
.shipping-method-setting .description {
color: #7e7e7e;
}
}
.wc-setup-shipping-units {
p {

41
includes/admin/class-wc-admin-setup-wizard.php
View File

@ -678,30 +678,33 @@ class WC_Admin_Setup_Wizard {
</option>
<?php endforeach; ?>
</select>
</div>
<div class="shipping-method-descriptions">
<?php foreach ( $shipping_methods as $method_id => $method ) : ?>
<p class="shipping-method-description <?php echo esc_attr( $method_id ); ?> <?php if ( $method_id !== $selected ) echo 'hide'; ?>">
<?php echo esc_html( $method['description'] ); ?>
</p>
<?php endforeach; ?>
</div>
</div>
<div class="shipping-method-descriptions">
<?php foreach ( $shipping_methods as $method_id => $method ) : ?>
<p class="shipping-method-description <?php echo esc_attr( $method_id ); ?> <?php if ( $method_id !== $selected ) echo 'hide'; ?>">
<?php echo esc_html( $method['description'] ); ?>
<div class="shipping-method-settings">
<?php foreach ( $shipping_methods as $method_id => $method ) : ?>
<?php if ( empty( $method['settings'] ) ) continue; ?>
<div class="shipping-method-setting <?php echo esc_attr( $method_id ); ?> <?php if ( $method_id !== $selected ) echo 'hide'; ?>">
<?php foreach ( $method['settings'] as $setting_id => $setting ) : ?>
<?php $method_setting_id = "{$input_prefix}[{$method_id}][{$setting_id}]"; ?>
<input
type="<?php echo esc_attr( $setting['type'] ); ?>"
id="<?php echo esc_attr( $method_setting_id ); ?>"
name="<?php echo esc_attr( $method_setting_id ); ?>"
/>
<p class="description">
<?php echo esc_html( $setting['description'] ); ?>
</p>
<?php endforeach; ?>
</div>
<div class="shipping-method-settings">
<?php foreach ( $shipping_methods as $method_id => $method ) : ?>
<?php if ( empty( $method['settings'] ) ) continue; ?>
<div class="shipping-method-setting <?php echo esc_attr( $method_id ); ?> <?php if ( $method_id !== $selected ) echo 'hide'; ?>">
<?php foreach ( $method['settings'] as $setting_id => $setting ) : ?>
<?php $method_setting_id = "{$input_prefix}[{$method_id}][{$setting_id}]"; ?>
<input type="<?php echo esc_attr( $setting['type'] ); ?>" id="<?php echo esc_attr( $method_setting_id ); ?>" name="<?php echo esc_attr( $method_setting_id ); ?>" />
<p class="description">
<?php echo esc_html( $setting['description'] ); ?>
</p>
<?php endforeach; ?>
</div>
<?php endforeach; ?>
</div>
<?php endforeach; ?>
</div>
<?php
}