diff --git a/app/css/master.css b/app/css/master.css index c91623f9..ba488415 100644 --- a/app/css/master.css +++ b/app/css/master.css @@ -568,9 +568,15 @@ textarea { /*スクロールバー*/ ::-webkit-scrollbar { width: 5px; - height: 10px; + height: 12px; background: rgba(0, 0, 0, 0.05); } +.thickScrollBar ::-webkit-scrollbar { + height: 18px; +} +.thinScrollBar ::-webkit-scrollbar { + height: 5px; +} ::-webkit-scrollbar-track { -webkit-border-radius: 5px; border-radius: 5px; @@ -582,6 +588,15 @@ textarea { background: #607d8b; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } +::-webkit-scrollbar-thumb::after { + content: ''; + position: absolute; + top: 100%; + left: 50%; + margin-left: -15px; + border: 15px solid transparent; + border-top: 15px solid #e0edff; +} /* Web Fonts */ @font-face { font-family: 'Open Sans'; diff --git a/app/js/platform/end.js b/app/js/platform/end.js index 32b828a6..cfeaa353 100644 --- a/app/js/platform/end.js +++ b/app/js/platform/end.js @@ -216,6 +216,8 @@ if(pwa) { } } } + +$('html').addClass(localStorage.getItem('scroll') ? localStorage.getItem('scroll') : '') const connection = function (event) { console.log(navigator.onLine, 'network state') if(!navigator.onLine) { diff --git a/app/view/make/language/en/setting.json b/app/view/make/language/en/setting.json index c6932c60..f77fc59b 100644 --- a/app/view/make/language/en/setting.json +++ b/app/view/make/language/en/setting.json @@ -144,6 +144,10 @@ "notqt": "Disabled(Hide buttons on TLs)", "apiQuote": "API(only some instances)", "showBookmarkAction": "Show a bookmarking toot button", + "scrollBar": "Height of the scroll bar", + "thin": "Thin", + "normal": "Normal", + "thick": "Thick", "main": "Default accounts of actions", "mainwarn": "Main account can be set on Account Manager.", "lastacct": "Account you used recently", diff --git a/app/view/make/language/ja-KS/setting.json b/app/view/make/language/ja-KS/setting.json index 0478a551..d8393d4d 100644 --- a/app/view/make/language/ja-KS/setting.json +++ b/app/view/make/language/ja-KS/setting.json @@ -142,6 +142,10 @@ "full": "本文・URL・アカウント名", "notqt": "使わない(TL上にボタンも出さん)", "apiQuote": "パラメーター(対応インスタンス)", + "scrollBar": "スクロールバーの太さ", + "thin": "スリム", + "normal": "並", + "thick": "ごっつい", "main": "投稿後や起動時のアカウント", "mainwarn": "メインアカウントはアカウント設定で選んどいてな。投稿以外のアカウント選択もこれ使うで。", "lastacct": "最後に使用したアカウント", diff --git a/app/view/make/language/ja/setting.json b/app/view/make/language/ja/setting.json index 2f04bf09..c750604e 100644 --- a/app/view/make/language/ja/setting.json +++ b/app/view/make/language/ja/setting.json @@ -144,6 +144,10 @@ "notqt": "使わない(TL上にボタンも表示されません)", "apiQuote": "パラメーター(対応インスタンス)", "showBookmarkAction": "アクションボタンとしてブックマークを表示する", + "scrollBar": "スクロールバーの太さ", + "thin": "細い", + "normal": "普通", + "thick": "太い", "main": "投稿後や起動時のアカウント", "mainwarn": "メインアカウントはアカウント設定で指定できます。投稿以外のアカウント選択にも影響します。", "lastacct": "最後に使用したアカウント", diff --git a/app/view/make/setting.sample.js b/app/view/make/setting.sample.js index 0a4a1c61..cd5a5c43 100644 --- a/app/view/make/setting.sample.js +++ b/app/view/make/setting.sample.js @@ -429,6 +429,30 @@ var tlConstruction = [ checkbox: yesno } }, + { + id: 'scroll', + storage: 'scroll', + checkbox: true, + setValue: 'normalScrollBar', + text: { + head: '@@scrollBar@@', + desc: '', + checkbox: [ + { + text: '@@thick@@', + value: 'thickScrollBar' + }, + { + text: '@@normal@@', + value: 'normalScrollBar' + }, + { + text: '@@thin@@', + value: 'thinScrollBar' + } + ] + } + }, { id: 'replySound', storage: 'replySound',