diff --git a/css/apop-style.css b/css/apop-style.css index 7c14fa9..54598c3 100644 --- a/css/apop-style.css +++ b/css/apop-style.css @@ -21,7 +21,7 @@ h3 { padding: .5em; text-align: center; background: #ababab; - border: 1px solid #999; + border: 1px solid #ccc; cursor: pointer; } @@ -42,7 +42,7 @@ h3 { .post-order-box-outer { width: 100%; margin: -1px 0 2em; - border: 1px solid #999; + border: 1px solid #ccc; background: #fff; } @@ -52,11 +52,14 @@ h3 { .list-orders-outer { width: 100%; + display: flex; margin-bottom: 1em; + flex-wrap: wrap; + justify-content: space-between; } .list-orders-inner { - width: 50%; + width: calc((100% / 2) - 20px); padding: .5em; position: relative; } @@ -128,7 +131,7 @@ dl.apop_setting_list_dd dd input { background: #fff; cursor: move; color: #4b4b4b; - border: 1px solid #ababab; + border: 1px solid #ccc; } .search_normal_sort .product-list { @@ -220,15 +223,16 @@ dl.apop_setting_list_dd dd input { cursor: default; } -.apop-submit{ - margin:1em .5em; +.apop-submit { + margin: 1em .5em; } -.apop-form_table{ +.apop-form_table { background: #fff; } -.apop-form_table th{ - padding-left:.5em; + +.apop-form_table th { + padding-left: .5em; } @media only screen and (max-width: 1264px) { diff --git a/js/apop-style.js b/js/apop-style.js index ab354fb..54a0d4d 100644 --- a/js/apop-style.js +++ b/js/apop-style.js @@ -19,24 +19,33 @@ jQuery(function ($) { change_normal_field_sort(); function change_tab_menu() { - let submit_type = $('.post-order-box-outer').data('submit_type'); + let apop_submit_type = $('#apop_submit_type'); let order_nav_list = $('.post-order-nav li'); let order_box = $('.post-order-box'); - order_nav_list.removeClass('en'); - order_box.hide(); - $('.post-order-nav li:eq(' + submit_type + ')').addClass('en'); - $('.post-order-box:eq(' + submit_type + ')').show() + init(); + click_menu(); - order_nav_list.on('click', function () { - if (!$(this).hasClass('en')) { - let target_index = $(this).index(); - order_nav_list.removeClass('en'); - $(this).addClass('en'); - order_box.hide(); - $('.post-order-box:eq(' + target_index + ')').show(); - } - }); + function init() { + let submit_type = apop_submit_type.val(); + order_nav_list.removeClass('en'); + order_box.hide(); + $('.post-order-nav li:eq(' + submit_type + ')').addClass('en'); + $('.post-order-box:eq(' + submit_type + ')').show() + } + + function click_menu() { + order_nav_list.on('click', function () { + if (!$(this).hasClass('en')) { + let target_index = $(this).index(); + order_nav_list.removeClass('en'); + $(this).addClass('en'); + order_box.hide(); + $('.post-order-box:eq(' + target_index + ')').show(); + apop_submit_type.val(target_index); + } + }); + } } function order_list() { diff --git a/template/order.php b/template/order.php index 59eaabb..72103de 100644 --- a/template/order.php +++ b/template/order.php @@ -1,5 +1,5 @@