diff --git a/src/General/Config.coffee b/src/General/Config.coffee index a1dbd7f46..67190a0af 100755 --- a/src/General/Config.coffee +++ b/src/General/Config.coffee @@ -763,6 +763,7 @@ Config = 'QR.personas': """ #options:"sage";boards:jp;always """ + sjisPreview: false captchaLanguage: '' diff --git a/src/General/css/style.css b/src/General/css/style.css index 6c5390e7c..adea27ca0 100755 --- a/src/General/css/style.css +++ b/src/General/css/style.css @@ -1246,9 +1246,35 @@ input[name="Default Volume"] { #qr.forced-anon input[data-name="name"]:not(.force-show), #qr.forced-anon input[data-name="sub"]:not(.force-show), #qr.reply-to-thread input[data-name="sub"]:not(.force-show), -#qr.reply-to-thread select[name="filetag"] { +#qr.reply-to-thread select[name="filetag"], +body:not(.board_jp) #sjis-toggle, +#sjis-toggle > input { display: none; } +#sjis-toggle { + -webkit-align-self: stretch; + align-self: stretch; + width: 20px; + border: 1px solid #BBB; + background-color: #DCDCDC; + color: #000; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; +} +#sjis-toggle::after { + content: "∀"; + margin: auto; +} +#qr:not(.sjis-preview) #sjis-toggle { + background: linear-gradient(to bottom, #F8F8F8, #DCDCDC) no-repeat; +} +#sjis-toggle, #qr.sjis-preview textarea { + font-family: "IPAMonaPGothic","Mona","MS PGothic",monospace; + font-size: 16px; + line-height: 17px; +} #qr textarea.field { height: 14.8em; min-height: 9em; diff --git a/src/General/css/tomorrow.css b/src/General/css/tomorrow.css index e36a028d0..1176798cc 100755 --- a/src/General/css/tomorrow.css +++ b/src/General/css/tomorrow.css @@ -87,7 +87,8 @@ :root.tomorrow .qr-preview { background-color: rgba(255, 255, 255, .15); } -:root.tomorrow #qr .field { +:root.tomorrow #qr .field, +:root.tomorrow #qr #sjis-toggle { background-color: rgb(26, 27, 29); color: rgb(197,200,198); border-color: rgb(40, 41, 42); @@ -97,6 +98,9 @@ border-color: rgb(129, 162, 190) !important; background-color: rgb(30,32,36); } +:root.tomorrow #qr:not(.sjis-preview) #sjis-toggle { + background: linear-gradient(to bottom, #2E3035, #222427) no-repeat; +} :root.tomorrow #qr select, :root.tomorrow #file-n-submit > input { border-color: rgb(40, 41, 42); diff --git a/src/General/html/Features/QuickReply.html b/src/General/html/Features/QuickReply.html index 171aa7632..48d15ede4 100755 --- a/src/General/html/Features/QuickReply.html +++ b/src/General/html/Features/QuickReply.html @@ -10,6 +10,7 @@