Added new styles for variable pagenav

This commit is contained in:
Claudio Sanches 2015-07-07 19:06:51 -03:00
parent f5ba1f576a
commit 4f3fb07dc9
3 changed files with 143 additions and 79 deletions

File diff suppressed because one or more lines are too long

View File

@ -2934,7 +2934,8 @@ img.help_tip {
}
.link_all_variations,
.add_variation {
.add_variation,
.save-variation-changes {
float: right;
margin-left: 5px;
}
@ -3127,6 +3128,37 @@ img.help_tip {
}
}
.variations-pagenav {
float: right;
.displaying-num {
margin-right: 2px;
color: #777;
font-size: 12px;
font-style: italic;
}
a {
padding: 0px 10px 3px;
background: rgba(0, 0, 0, 0.05);
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
a.disabled,
a.disabled:active,
a.disabled:focus,
a.disabled:hover {
color: #A0A5AA;
background: rgba(0, 0, 0, 0.05);
}
}
.variations-defaults {
float: left;
}
.woocommerce_variable_attributes {
background-color: #fdfdfd;
border-top: 1px solid #eee;
@ -4035,6 +4067,31 @@ table.bar_chart {
#woocommerce-product-data .checkbox {
width: 25px;
}
.variations-pagenav {
float: none;
text-align: center;
font-size: 18px;
.displaying-num {
font-size: 16px;
}
a {
padding: 8px 20px 11px;
font-size: 18px;
}
select {
padding: 0 20px;
}
}
.variations-defaults {
float: none;
text-align: center;
margin-top: 10px;
}
}
@media only screen and (max-width: 500px) {

View File

@ -682,6 +682,7 @@ class WC_Meta_Box_Product_Data {
<a class="button bulk_edit"><?php _e( 'Go', 'woocommerce' ); ?></a>
</p>
<div class="toolbar">
<div class="variations-pagenav">
<span class="displaying-num"><?php printf( _n( '%s item', '%s items', $variations_count, 'woocommerce' ), $variations_count ); ?></span>
<span class="pagination-links">
@ -700,10 +701,13 @@ class WC_Meta_Box_Product_Data {
<a class="last-page" title="<?php _e( 'Go to the last page', 'woocommerce' ); ?>" href="#">&raquo;</a>
</span>
</div>
<div class="clear"></div>
</div>
<div class="woocommerce_variations wc-metaboxes" data-attributes="<?php echo esc_attr( json_encode( $attributes ) ); ?>" data-product_id="<?php echo intval( $post->ID ); ?>" data-total="<?php echo $variations_count; ?>" data-total_pages="<?php echo $variations_total_pages; ?>" data-page="1" data-edited="false">
</div>
<div class="toolbar">
<div class="variations-pagenav">
<span class="displaying-num"><?php printf( _n( '%s item', '%s items', $variations_count, 'woocommerce' ), $variations_count ); ?></span>
<span class="pagination-links">
@ -723,14 +727,7 @@ class WC_Meta_Box_Product_Data {
</span>
</div>
<button type="button" class="button button-primary save-variation-changes" disabled="disabled"><?php _e( 'Save Changes', 'woocommerce' ); ?></button>
<p class="toolbar">
<button type="button" class="button button-primary add_variation" <?php disabled( $variation_attribute_found, false ); ?>><?php _e( 'Add Variation', 'woocommerce' ); ?></button>
<button type="button" class="button link_all_variations" <?php disabled( $variation_attribute_found, false ); ?>><?php _e( 'Link All Variations', 'woocommerce' ); ?></button>
<div class="variations-defaults">
<strong><?php _e( 'Defaults', 'woocommerce' ); ?>: <span class="tips" data-tip="<?php _e( 'These are the attributes that will be pre-selected on the frontend.', 'woocommerce' ); ?>">[?]</span></strong>
<?php
$default_attributes = maybe_unserialize( get_post_meta( $post->ID, '_default_attributes', true ) );
@ -768,6 +765,16 @@ class WC_Meta_Box_Product_Data {
echo '</select>';
}
?>
</div>
<div class="clear"></div>
</div>
<p class="toolbar">
<button type="button" class="button button-primary save-variation-changes" disabled="disabled"><?php _e( 'Save Changes', 'woocommerce' ); ?></button>
<button type="button" class="button button-primary add_variation" <?php disabled( $variation_attribute_found, false ); ?>><?php _e( 'Add Variation', 'woocommerce' ); ?></button>
<button type="button" class="button link_all_variations" <?php disabled( $variation_attribute_found, false ); ?>><?php _e( 'Link All Variations', 'woocommerce' ); ?></button>
</p>
<?php endif; ?>