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

Merge pull request #18655 from woocommerce/fix/17761-tables 

Fix table styling in mobile
This commit is contained in:
Rodrigo Primo 2018-01-30 17:08:13 -02:00 committed by GitHub
parent 36b3ddedda 341dfe1e7b
commit 7255855789
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 61 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/admin-rtl.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/admin.css
View File

File diff suppressed because one or more lines are too long

23
assets/css/admin.scss
View File

@ -2692,10 +2692,19 @@ a.import_rates {
} }
} }
.wc_input_table_wrapper {
overflow-x: auto;
display: block;
}
table.wc_tax_rates, table.wc_tax_rates,
table.wc_input_table { table.wc_input_table {
width: 100%; width: 100%;
th, td {
display: table-cell !important;
}
span.tips { span.tips {
color: $blue; color: $blue;
} }
@ -2713,9 +2722,10 @@ table.wc_input_table {
background: #fff; background: #fff;
cursor: default; cursor: default;
input[type='text'], input[type=text],
input[type='number'] { input[type=number] {
width: 100%; width: 100% !important;
min-width: 100px;
padding: 8px 10px; padding: 8px 10px;
margin: 0; margin: 0;
border: 0; border: 0;
@ -2830,6 +2840,10 @@ table.wc_emails,
table.wc_shipping { table.wc_shipping {
position: relative; position: relative;
th, td {
display: table-cell !important;
}
td { td {
vertical-align: middle; vertical-align: middle;
padding: 7px; padding: 7px;
@ -2922,7 +2936,6 @@ table.wc_shipping {
padding: 24px 24px 24px 0; padding: 24px 24px 24px 0;
} }
td.forminp { td.forminp {
padding: 15px 10px;
input, textarea { input, textarea {
padding: 8px; padding: 8px;
width: 448px; width: 448px;
@ -2989,6 +3002,7 @@ table.wc-shipping-zones, table.wc-shipping-zone-methods, table.wc-shipping-class
padding: 1em !important; padding: 1em !important;
font-size: 14px; font-size: 14px;
background: #fff; background: #fff;
display: table-cell !important;
li { li {
line-height: 24px; line-height: 24px;
font-size: 14px; font-size: 14px;
@ -3405,6 +3419,7 @@ img.help_tip {
table.form-table { table.form-table {
margin: 0; margin: 0;
position: relative; position: relative;
table-layout: fixed;
.forminp-radio ul { .forminp-radio ul {
margin: 0; margin: 0;

2
assets/css/wc-setup-rtl.css
View File

File diff suppressed because one or more lines are too long

2
assets/css/wc-setup.css
View File

File diff suppressed because one or more lines are too long

74
includes/gateways/bacs/class-wc-gateway-bacs.php
View File

@ -122,44 +122,46 @@ class WC_Gateway_BACS extends WC_Payment_Gateway {
<tr valign="top"> <tr valign="top">
<th scope="row" class="titledesc"><?php _e( 'Account details', 'woocommerce' ); ?>:</th> <th scope="row" class="titledesc"><?php _e( 'Account details', 'woocommerce' ); ?>:</th>
<td class="forminp" id="bacs_accounts"> <td class="forminp" id="bacs_accounts">
<table class="widefat wc_input_table sortable" cellspacing="0"> <div class="wc_input_table_wrapper">
<thead> <table class="widefat wc_input_table sortable" cellspacing="0">
<tr> <thead>
<th class="sort">&nbsp;</th> <tr>
<th><?php _e( 'Account name', 'woocommerce' ); ?></th> <th class="sort">&nbsp;</th>
<th><?php _e( 'Account number', 'woocommerce' ); ?></th> <th><?php _e( 'Account name', 'woocommerce' ); ?></th>
<th><?php _e( 'Bank name', 'woocommerce' ); ?></th> <th><?php _e( 'Account number', 'woocommerce' ); ?></th>
<th><?php echo $sortcode; ?></th> <th><?php _e( 'Bank name', 'woocommerce' ); ?></th>
<th><?php _e( 'IBAN', 'woocommerce' ); ?></th> <th><?php echo $sortcode; ?></th>
<th><?php _e( 'BIC / Swift', 'woocommerce' ); ?></th> <th><?php _e( 'IBAN', 'woocommerce' ); ?></th>
</tr> <th><?php _e( 'BIC / Swift', 'woocommerce' ); ?></th>
</thead> </tr>
<tbody class="accounts"> </thead>
<?php <tbody class="accounts">
$i = -1; <?php
if ( $this->account_details ) { $i = -1;
foreach ( $this->account_details as $account ) { if ( $this->account_details ) {
$i++; foreach ( $this->account_details as $account ) {
$i++;
echo '<tr class="account"> echo '<tr class="account">
<td class="sort"></td> <td class="sort"></td>
<td><input type="text" value="' . esc_attr( wp_unslash( $account['account_name'] ) ) . '" name="bacs_account_name[' . $i . ']" /></td> <td><input type="text" value="' . esc_attr( wp_unslash( $account['account_name'] ) ) . '" name="bacs_account_name[' . $i . ']" /></td>
<td><input type="text" value="' . esc_attr( $account['account_number'] ) . '" name="bacs_account_number[' . $i . ']" /></td> <td><input type="text" value="' . esc_attr( $account['account_number'] ) . '" name="bacs_account_number[' . $i . ']" /></td>
<td><input type="text" value="' . esc_attr( wp_unslash( $account['bank_name'] ) ) . '" name="bacs_bank_name[' . $i . ']" /></td> <td><input type="text" value="' . esc_attr( wp_unslash( $account['bank_name'] ) ) . '" name="bacs_bank_name[' . $i . ']" /></td>
<td><input type="text" value="' . esc_attr( $account['sort_code'] ) . '" name="bacs_sort_code[' . $i . ']" /></td> <td><input type="text" value="' . esc_attr( $account['sort_code'] ) . '" name="bacs_sort_code[' . $i . ']" /></td>
<td><input type="text" value="' . esc_attr( $account['iban'] ) . '" name="bacs_iban[' . $i . ']" /></td> <td><input type="text" value="' . esc_attr( $account['iban'] ) . '" name="bacs_iban[' . $i . ']" /></td>
<td><input type="text" value="' . esc_attr( $account['bic'] ) . '" name="bacs_bic[' . $i . ']" /></td> <td><input type="text" value="' . esc_attr( $account['bic'] ) . '" name="bacs_bic[' . $i . ']" /></td>
</tr>'; </tr>';
}
} }
} ?>
?> </tbody>
</tbody> <tfoot>
<tfoot> <tr>
<tr> <th colspan="7"><a href="#" class="add button"><?php _e( '+ Add account', 'woocommerce' ); ?></a> <a href="#" class="remove_rows button"><?php _e( 'Remove selected account(s)', 'woocommerce' ); ?></a></th>
<th colspan="7"><a href="#" class="add button"><?php _e( '+ Add account', 'woocommerce' ); ?></a> <a href="#" class="remove_rows button"><?php _e( 'Remove selected account(s)', 'woocommerce' ); ?></a></th> </tr>
</tr> </tfoot>
</tfoot> </table>
</table> </div>
<script type="text/javascript"> <script type="text/javascript">
jQuery(function() { jQuery(function() {
jQuery('#bacs_accounts').on( 'click', 'a.add', function(){ jQuery('#bacs_accounts').on( 'click', 'a.add', function(){