MasterDetailパターン

動作がタブレットと同じ横向きのスマホ

横向きのスマホをタブレットと同じように動作させることができます。

.phone.landscape .split-left {
     width: **x; /* This is width value for the left side */**
}



.phone.landscape .split-right {
     -webkit-transform: translateX(0) translateZ(0);
      transform: translateX(0) translateZ(0);
    width: **x; /* This is the width value for the right side */**
     left: auto;
    right: 0;
    border-left: 1px solid #d3d3d3;
}


.phone.landscape .detail-open .split-right-close {
    opacity: 0;
    pointer-events: none;
}


.phone.landscape .detail-open .app-menu-icon {
    opacity: 1;
    pointer-events: auto;
}