投稿日:2017/04/27
更新日:2017/05/08
マイページのレイアウトが崩れてる!って修正があるみたいです。
現在の予定では5月の定期リリースにて一括で改修される予定ですが
先行して対応しなければならないこともあると思うので
対処法を以下に記します。
js/module/ex.js最下部に以下を追記
$(function() {
var css = ".mypage .point{overflow:hidden}.mypage .point .memberInfo,.mypage .point .yourPoint{width:calc(100% - 215px) !important}@media (max-width: 767px){.mypage .point .memberInfo,.mypage .point .myAccount,.mypage .point .yourPoint{float:none !important;width:100% !important}}.mypage .point #memberInfoListContainer{width:100% !important}#orderTable td,#dlyTable td{padding:10px 5px !important}@media(max-width:767px){.customerDestinationConfirm th,.customerDestinationConfirm td{display:block;width:100%!important}.customerDestinationConfirm input[type=\"text\"]:not(#txtBirthday){width:100%!important}.customerDestinationConfirm .inputNtext{width:100%!important}}";
var style = $('<style>');
style.append(css);
$('head').append(style);
$(function() {
if(location.href.match('(customerOrderInformationView|orderGoodsList)')){
if( !$('#page_block3 h5+.responsive-scroll-container').length ){
$('#page_block3 h5+table').wrap('<div class="responsive-scroll-container"><div class="responsive-scroll-inner"></div></div>');
var $tr = $('#page_block3 .responsive-scroll-inner table tr').last();
var $table = $('<table class="table02">').append( $tr );
$('#page_block3 h5+.responsive-scroll-container').after($table);
}
}
if( !$('.responsive-scroll-container #orderTable').length ){
$('#orderTable, #dlyTable').wrap('<div class="responsive-scroll-container"><div class="responsive-scroll-inner"></div></div>');
}
if(location.href.match('customerDestinationEdit')){
if( !$('#page_block3 .customerDestinationConfirm').length ){
$('.table01:not(#customerDestinationTable)').addClass('customerDestinationConfirm');
}
}
});
});
これだけで、こうなります。
スマホ側の表はスクロール対応になります。
ご了承ください。