Skip to content

モバイル端末の場合は、Dojo一覧を2カラムで表示する #167

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 30, 2017

Conversation

zephiransas
Copy link
Contributor

close #150

  • iPhoneなどスマホの場合は、Dojo一覧を2カラムで表示します
  • heightは一旦300pxでfixしてます。Dojoの説明書きなどが長いところが出てきたときには調整が必要かもしれないですが、現状はきれいに高さは揃ってそうです。

@yasulab
Copy link
Member

yasulab commented Oct 30, 2017

修正ありがとうございます! 確認して見ますね 👀

@yasulab
Copy link
Member

yasulab commented Oct 30, 2017

@zephiransas 確認しました! ✅ iPhone を 横にして表示すると 2カラムになり、縦で表示すると1カラムのまま、という認識で大丈夫ですかね? 🤔

検証端末:

  • iOS 11
  • iPhone 7

縦表示

img_8581

横表示

img_8582

@zephiransas
Copy link
Contributor Author

@yasulab 縦でも2カラムになるようにしたつもりなのですが 😅 ・・・iPodで試してみたので、別の端末でもチェックしてみます!

@yasulab
Copy link
Member

yasulab commented Oct 30, 2017

ありがとうございます! よろしくお願いします😸

@zephiransas zephiransas changed the title モバイル端末の場合は、Dojo一欄を2カラムで表示する モバイル端末の場合は、Dojo一覧を2カラムで表示する Oct 30, 2017
@zephiransas
Copy link
Contributor Author

@yasulab 手元のiPhone6で試してみました。
img_4253
こちらでは意図した並びになってますね・・・ 🤔

(横向きで2カラム、縦向きで1カラムというのは、現状のmasterブランチだとそうなるのですが・・・

@yasulab
Copy link
Member

yasulab commented Oct 30, 2017

こちらの手元でも確認できたので、マージしますね ;)
PRありがとうございました! 😸

@yasulab yasulab merged commit 6558fb7 into coderdojo-japan:master Oct 30, 2017
@zephiransas zephiransas deleted the fix-mobile-layout branch October 30, 2017 07:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

モバイル端末で1列だと縦に長くなっちゃうので、モバイル端末の場合は縦2列にしたい
2 participants