PR

【3/30】基本のチュートリアルをスクロールに設定 #1686

wada opened this at 2022-03-28T14:23:12; closed

Description

opened by wada at 2022-03-28T14:23:12; updated 2022-04-04T15:54:59

概要

【4/5】チュートリアルをスクロール型に更新 #1660
特定の端末は旧仕様のまま

テスト方法、確認した内容

チュートリアル確認方法(どちらか
・ModHeaderで新しいアカウントを設定 #1032
user_info.tutorialを1に変更

TODO

旧カード画像の修正

wada assign at 2022-03-28T14:23:16: Not assigned:wada
wada change_title at 2022-03-30T09:59:47: [WIP]【3/30】基本のチュートリアルをスクロールに設定 【3/30】基本のチュートリアルをスクロールに設定
wada add_label at 2022-03-30T09:59:50: レビュー待ち

Comment

#18132 by wada at 2022-03-30T10:01:53; updated 2022-03-30T10:01:53

@kouho
画像は出来次第差し替えるので動作確認をお願いします。

Comment

#18135 by kouho at 2022-03-30T10:56:42; updated 2022-03-30T10:56:42

@wada
動作問題ないと思いますがスクロールしている間常にChromeのコンソールにエラーが出続けていました。
こちらはなんとかならないでしょうか?

!スクリーンショット 2022-03-30 10

Comment

#18138 by wada at 2022-03-30T11:19:45; updated 2022-03-30T11:19:45

@kouho
どうなんでしょうね。プレイに影響がないなら放置したいですが。

Comment

#18139 by kouho at 2022-03-30T11:33:00; updated 2022-03-30T11:35:22

@wada
エラーを回避できる方法がありました。
JOLLYROGER.jsで以下のcss指定の修正でいけそうです。

		$("#page_tutorial_scroll_1_default").css({
			padding:0
		});

		$("#page_tutorial_scroll_1_default").css({
			padding:0,
                        'touch-action': 'manipulation'
		});

page_tutorial_scroll_2_default
page_tutorial_scroll_5_default
page_tutorial_scroll_6_default
こちらも同様に修正していただければOKです。

参考サイト
https://stackoverflow.com/questions/68344657/skrollr-mobile-broken-unable-to-preventdefault-inside-passive-event-listener

Comment

#18155 by wada at 2022-03-30T15:34:21; updated 2022-03-30T15:34:21

@kouho
ありがとうございます。対応いれました。

Comment

#18163 by kouho at 2022-03-30T16:27:49; updated 2022-03-30T16:27:49

@wada
対応ありがとうございます。確認OKです。

kouho add_label at 2022-03-30T16:28:03: 皇甫 LGTM
wada merge at 2022-03-31T10:09:35: 【3/30】基本のチュートリアルをスクロールに設定
wada close at 2022-03-31T10:09:35: Close
wada refer at 2022-04-04T15:54:59: 1700:【4/5】チュートリアルスクロール

Commit range

base7fe0a5cc2040cbd30b15dec25dbec5dfce53c0c2
headf34d9edc31fdd075dd436c2fad48e2a1141f9619
base branchjolly/jr-web:develop
head branchjolly/jr-web:tutorial_scroll

View commits

Commit details are loaded from Git when a dynamic archive server is running, or can be embedded with --include-commits.
Files changed5 filesView patch
statusfile
modifiedlib/SubFunc.inc
addedpublic_html/img/tutorial/tutorial_scroll_icon1.jpg
addedpublic_html/img/tutorial/tutorial_scroll_icon2.jpg
modifiedpublic_html/js/JOLLYROGER.js
modifiedpublic_html/template/Tutorial-Scroll-1.tpl
Patch body is stored as a separate file to keep this page lightweight.