fix: video is reduced to keep aspect ratio.

Yoshi0207 commented 3 years ago

内容

画面を縦方向に縮めた時に、動画がリサイズされず、画面の領域をはみ出していた問題を修正

mkasumi commented 3 years ago

landscapeのときだけ、閉じるボタンの位置を右に変更しちゃえばいいかなと思いました。

@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}

Issueとしてはこちらなのでこちらに書いておくのですが、 #63 のflexboxの対応に加えて、以下のようなコードだと、上下の方向にも余白が取れていい感じになりそうでした！

@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}

Yoshi0207 commented 3 years ago

landscapeモードでのデザイン修正完了いたしました！

mkasumi commented 3 years ago

ありがとうございます！確認しました！