※社内専用

マイページのレイアウトが云々

マイページのレイアウトが崩れてる!って修正があるみたいです。
現在の予定では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');
      }
    }
  });
});

これだけで、こうなります。

スマホ側の表はスクロール対応になります。
ご了承ください。