Electronによる掲示板ビューア Siki Part36

https://sikiapp.net/

・Windows、Mac、Linuxで動作します
・色々なサイトを同一のインターフェースで閲覧することを目標に開発しています

※5ch専用ブラウザではありません(重要)

Wiki
https://wikiwiki.jp/siki-app/
Siki掲示板（公式）
https://bbs.jpnkn.com/siki/

過去スレ
Electronによる掲示板ビューア Siki Part35
https://egg.5ch.net/test/read.cgi/software/1700214602/

>>331
& span.res-mail.sage {
もしくは
.res-mail.sage {
ですね

現在のCSSのネスト構文だとタグをそのまま置けないです

これはChromium120以降(Electron28以降)で緩和されるようです

あれ行けたわ
response header errorとか出て来たけど何だったんだ
5ch側の問題かな

>>328-329
作者さんに聞いてみたら？
俺は作者さんと絡んでるんだからさ、スレ民なら分かるはずだろ
つか作者さんかなお前？ｗ
まあ、作者さんもスレ民もNBが大好きなバカなんだな草

>>335
で、あんたはこのスレに何しに来ているわけ？
作者を馬鹿にして楽しいわけ？最低な人間だな。

>>336
論点ずらしすんなよバカか。会話できないのか？
作者さんに聞けって

ユーザーCSSは<style id="siki-user-style">の下に次のように展開されています
```
main[data-theme="default.theme"] {
/** ここにuser.cssが展開 **/
}
```
現在は構文のチェックは行なっていないので例えば{や}を無駄に置いただけでユーザーcssが機能しなくなってしまいます

css変数は<style id="siki-theme-style">の下に次のように展開されます
```
:root main[data-theme="default.theme"] {
--size-windowBorder: 1px;
--size-sightline: 3px;

--color-siki-sightlineBackground: #f32e20;

}
```
色は色設定をjsonに出力したものに準拠していて
siki.foregroundは --color-siki-foregroundに置き換えたものが変数名となります

user.css内でこの変数を使いたい時は
```
color: var(--color-siki-foreground);
```
というような形で呼び出せます
また変数を上書きしたい場合はuser.css内で以下のように出来ます
```
& * {
--color-siki-sightlineBackground: green;
}
```

>>333
& spanとspan無しの両方試しましたが変化ありませんでした
それと開発ツール開く時に右サイドで開くようにする設定はどこにあるんでしょうか

ちなみにuser.cssではなくmain.cssに追記してます

アカン
user.scss全部効かんようになった
wikiに対応版書かれるまで26.2のままにしとこ

すみません、　.rh > span　で記述したらできました

>>339
なるほど、メインだと詳細度が弱くて上書きできないですね
.rcon span.res-mail.sage {
これで行けると思います

開発ツールは設定のタイトルバーとメニューの形態をウィンドウコントロールオーバーレイAPI以外にしないと
右側に表示することが出来ない仕様になっています

>>314
お疲れ様です

Sikiのおかげで少しずつCSSのスキルupしてきてる自分がいる

>>343
開発ツールとsikiのバーが重なって不都合なんですね
使ってて気づきました

>>338
更新お疲れさまです

https://wikiwiki.jp/siki-app/%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0CSS#reverse-tab-colors
↑みたいなcssは今回の変更のおかげで↓みたいに書き換えられるのは便利ですね
```
.tab {
background-color: var(--color-boardTab-activeBackground);
&.active {
background-color: var(--color-boardTab-inactiveBackground);
}
}
```

更新お疲れ様です
双葉の対応ありがとうございます

アップデートしたのですが0.27.0ではスレッドのスクロールの幅が反映されてないよう？です
太くしていたのに細いままで変更しても幅が変わらず
板のスクロールバーはこれまで通りに機能しています

main.cssですが、板のスレッド一覧の背景色の指定でal、cursorが反映されないのですがどう修正すればいいでしょうか
/* 開いているスレッドの背景に色を付ける */
.bcon.bc.al {
background-color: rgba(80, 126, 164, 0.2);
}
/* 選択カーソルの背景に色を付ける */
.bcon.bc.cursor {
background-color: rgba(233, 228, 212, 0.2);
}

>>349
```
#boardPane .bcon.bc {
/* 開いているスレッドの背景に色を付ける */
&.al {
background-color: rgba(80, 126, 164, 0.2);
}
/* 選択カーソルの背景に色を付ける */
&.cursor {
background-color: rgba(233, 228, 212, 0.2);
}
```

usercommandで、ﾜｯﾁｮｲのnickname部分をShift_JISでエンコードしたものを扱いたいのですが方法はありますか？
ﾜｯﾁｮｲ→%DC%AF%C1%AE%B2になってほしいです
ダメ元で${OBJECT.nickname:urlencode}としてみましたが無理でした

wikiの「メール欄を"[]"で囲む」が後ろしか効かないな

>>350
反映されました、ありがとう

>>352
試してみたけど効いてるよ
&が付いてるから誰かが即修正したのかも

タブの色反転が反映されないな

>>355
```
/* アクティブなタブとそれ以外の色を反転する */
#boardPane, #threadPane {
.tab {
background-color: var(--color-boardTab-activeBackground);
&.active {
background-color: var(--color-boardTab-inactiveBackground);
}
}
}
```
wikiも修正してきます

実況で自動で次スレに行くようにしてるとマターリスレが割り込んでくるんだけど避ける方法ないですか？

>>356
反映されました
ありがとうございます

なんでCSS効かんのかと思ったらHTML側の構成にも細かく変更入ってんのな

wikiを編集してくれた人達ありがとう
無事以前の設定に戻せました

作者さんへ
>>11ですが国旗の部分が以前は絵文字が表示されていたのが26.xから透明になってました
27.0はこんな感じですがそのうち国旗が表示されるようになりますか？
https://i.imgur.com/o1u4IEv.png

>>360
>>55多分これじゃないかな

>>361
>>55の
＞- Noto Color Emojiを使う場合はインストール後main.cssにフォントの絶対パスを記述する必要があるので大変です

がいまいち分からなかったんでそのうちなんか対応してくれるのかなーと思って
それとも自分でなんかしないといけないんでしょうか

ごめんなさいTwemojiをインストールしたら国旗表示されました
お騒がせしました

自分のレスはNGにしないって奴にチェック入れてても
NGワードが入っていたら容赦なくNGになるのはいつになったら直るんだ
ついでにスレの>>1もチェック入れたら対象外になるようにしてほしいところ

chromium側かNoto Emoji側の対処待たないと解決しなんでしょうね
デフォルトのmain.css見るとこの件補足されてたので一応貼っておきます
```
/** 国旗の絵文字 **/
/*
@font-face {
font-family: 'SikiCountryFlag';
src:
url("file:///C:/Fonts/myfont.ttf");
unicode-range:
U+1F1E6-1F1FF;
}
*/

```

/* */を外してフォントのパスを書き換えれば表示されるはず

アプデ入れたら板をストライプにしてたのが効かなくなったな

更新お疲れ様です
サイドパネルの.sidecontents-titleにあるボタンが白くなっていてライトテーマでは見づらいです
（「検索」だけは元の色のままですが）
あと、スレヘッダや板ヘッダでボタンをマウスホバー時に背景色が変わらなくなっています

[自分]のNG対象外は出来てるけどな
>>1を対象外にするのは強調でやってるけど、設定で可能ならそっちの方がいいね

NG登録する時に1を除外する条件を追加すればいいよ

[自分]マークが青字で太く強調されててすごく気に入ってたのに
アプデで元に戻ってしまった
誰かに教わった通りにやったことなんでやり方が思い出せない
分かる人いる？

>>370
cssを書いたらいいよ

こんなふうにポップアップの横幅が足りてないのか名前欄やIDが見切れるようになってしまった
設定で「ポップアップの最大幅」を2000とか大きい数値にしても変わらず
CSSのどこかを弄ればいいんだろうか
https://i.imgur.com/WSTQHz4.png

初期化すれば良いだろｗ
デフォ設定最強だよ
https://tadaup.jp/689fc4106.png

>>370
このへん見てやったんじゃないかな
https://egg.5ch.net/test/read.cgi/software/1692851839/933
もしそうならコメントの//が原因かも

>>374
まさにこれ
3箇所の//を取り除けばいいってことか
ありがとう

駄目だなおらん
なんでなんの問題もなかったのにこんな自己満クソアプデするんだよアホが

っぱ、デフォ設定最強だよなｗ

>>376
背景色どうしてるかわからないけどとりあえず
```
.mark-myself {
.res-num::before {
/* 文字色を変更 */
color: blue;
/* 文字を少し太く */
font-weight: bolder;
/* 背景色を変更 */
/* background-color: #0F0; */
}
}
```

本当にリリースの度ににぎやかで楽しそうだよな
お前らって

>>378
やっぱりSikiは最強ブラウザだった
ありがとう！！

SCSSのトランスパイラが不要になるからファイルサイズ小さくなるとか言ってなかったっけ?気のせいか

急にスレッドの更新チェックが効かなくなったけど
Ipv4名前解決優先にチェック入れたら更新してくれるようになりました

スレッドスクロールバーの幅が変わらなくなってる

0.27.0
ふたばで安価とする引用のホップアップですが
以前はグッドボタンまで表示されてたのが途中で見切れるようになり少し不便になりました
ホップアップの幅の値を弄っても変わらずです

                           🔴
        🔴 🔴               🔴🔴🔴
        🔴🔴           🔴    🔴
   🔴   🔴            🔴🔴🔴🔴🔴🔴
  🔴🔴   🔴🔴           🔴    🔴
  🔴     🔴          🔴     🔴
  🔴     🔴🔴        🔴🔴    🔴
 🔴       🔴              🔴
🔴🔴       🔴🔴            🔴
🔴                     🔴
                    🔴🔴
                   🔴🔴

                  💙  💙
💙💙💙💙💙💙💙💙💙💙💙       💙  💙 💙💙💙💙💙
  💙   💙          💙💙💙💙💙💙💙   💙
  💙   💙           💙  💙 💙   💙
 💙💙💙💙💙💙   💙       💙💙💙💙 💙💙💙💙💙
 💙  💙 💙 💙💙        💙  💙 💙   💙
 💙  💙 💙💙💙         💙💙💙💙 💙   💙
💙 💙💙💙 💙           💙  💙 💙💙💙💙💙
   💙  💙          💙💙💙💙💙💙💙   💙
   💙  💙   💙          💙 💙   💙
 💙💙   💙   💙       💙  💙 💙   💙
💙💙     💙💙💙💙      💙    💙💙 💙💙💙

                      👴
    👴👴   👴            👴
 👴👴👴👴👴👴👴👴👴       👴👴👴👴👴👴👴👴👴👴👴
    👴   👴        👴👴👴👴👴👴👴👴👴👴👴
    👴  👴              👴
👴👴👴👴👴👴👴👴👴👴👴       👴👴👴👴👴👴👴👴👴
    👴👴                👴
   👴👴   👴        👴👴👴👴👴👴👴👴👴👴👴
 👴👴👴👴👴👴👴          👴👴👴👴👴👴👴👴👴
👴  👴👴     👴       👴       👴
   👴     👴👴       👴👴👴👴👴👴👴👴👴
    👴👴👴👴👴👴

     👴
👴👴👴👴👴👴👴👴👴👴👴       👴👴👴👴👴👴👴👴👴
     👴            👴   👴   👴
 👴👴👴👴👴👴👴👴👴        👴   👴   👴
 👴   👴   👴        👴👴👴👴👴👴👴👴👴
 👴👴👴👴👴👴👴👴👴        👴   👴   👴
 👴👴👴👴👴👴👴👴👴        👴   👴   👴
       👴          👴👴👴👴👴👴👴👴👴
👴👴👴👴👴👴👴👴👴👴👴       👴   👴   👴
  👴    👴          👴   👴   👴
   👴   👴          👴   👴   👴
      👴👴         👴    👴 👴👴👴

         ◆
        ◆ ◆        ◆
        ◆          ◆◆◆◆
◆◆◆◆◆◆◆◆              ◆◆◆
       ◆
       ◆           ◆◆◆
       ◆              ◆◆
       ◆
       ◆          ◆◆◆
◆◆◆◆◆◆◆◆            ◆◆◆
       ◆              ◆◆◆

>>351についてですが、sikiの外で変換できたのでとりあえず必要なくなりました

27.0にアップしたら新着レスのライン表示の色も変えられなくなったな
まあデフォのブルーでも別にいいんだけど

>>372
>>384
ポップアップで名前が略されるのが嫌で書いてみたものだけど、使えるかな？
```
#popupField .rh {
flex-wrap: wrap;
}
```
ふたば使ってないしID見切れはうちのは発生してないので、その辺未確認だし他に原因あるかもだけど

>>391
これでいけてる
```
& div[class="markline-overlay mark-new"] {
background: linear-gradient(135deg, transparent, red, transparent) !important;
}
```

今はユーザーcssの詳細度が低く、適用されないスタイルが出てきてしまうので標準で上げておくようにしておきます

>>393
おーいけたわ
ありがとうね！

>>392
横からだけどいい感じ
使わせていただきます

>>392
おかげさまで見切れが直りました
わざわざありがとございます

youtubeとかツイッターの自動読み込みを止めるにはどうしたらよいですか？
グロがウザくて

久しぶりに更新したらスレのスクロールバー幅が狭くなって使い辛い
テーマ編集の数字変えても変化なし

>>379
リリースの度にバグあるからだろｗ

>>399
うちのCSSにいつの間にか入ってたやつ
修正来たら消しちゃって
```
::-webkit-scrollbar{width:12px;}
```

emptyで開けないスレがあるけどなんなん？

そのURLは？

https://greta.5ch.net/test/read.cgi/poverty/1703761982/
https://greta.5ch.net/test/read.cgi/poverty/1703761982/

アプでしたら何か色々弄ったところが初期化された

デフォ設定のおれ環では開けたよ
https://tadaup.jp/6912e9d5d.png

まあ設定いじりすぎると変化に弱くなるという良い例ではある

>>406
マジか設定見直してくるわありがとう

スレッド内のレスが全部透明状態になっているとEmptyになりますね

>>381
app.asarは25%減らせましたが本体の大半を占めるChromiumの容量は6MB上がってますね

https://i.imgur.com/8xEMAPY.png
いつから出るようになったのか分からないけど、このオレンジの横線はなんなんだろう

サイズモア

devtoolsでコンテキストメニューどうやって出すの？

右クリ

あとCtrl+Shift+Cは使えないの？

使える

選択したあとのコンテキストメニューってことね

>>416
まじか
まっさらなプロファイルでやったけどダメだったわ
なんでだろ

>>411
通常ブラウザでページ内指定ワード検索した時に出るサイドスクロールバー上に出る横棒に似てるな
sikiでワード検索したことないから知らんけど

>>419
本文範囲指定してCtrl+Fで表示されたマークが残ってたみたいです

いつのまにかpostform.cssが

>>411
スレッド内の検索結果がある状態で検索を閉じても表示され続けるバグでした

>>413
electronの継続しているバグで、ウィンドウ化された状態だとコンテキストメニューが裏になってしまいます

あともう一つバグが追加されていてコンテキストメニュー内の区切り線が全く見えない状態になっています

Siki バージョン 0.27.1

【修正】

自分のレスかマークされたレスがNG対象であった場合NGを適用しない設定に単語ミュートが適用されなかった問題の修正
スレッドの最初のレスがNG対象であったときでもNGを適用しない設定をNG/強調設定へ追加(デフォルトでオフ)
全てのレスやスレッドが透明になっていた時一時的に解除するボタンを表示するようにしました
ユーザーCSSの詳細度を上げて適用されなくなっていたスタイルが適用されやすくしました
レスのポップアップのヘッダーの長さに応じてある程度幅が広がるようになりました
いくつかのcssの修正
スレッド内検索を閉じている状態でも検索結果の場所が表示され続ける問題の修正

>>424
修正お疲れさまです

もうアアプデするのこえーわ

アプデしないと古いバグが残ったまま
アプデすると新しいバグ
嫌になるな

嫌なら使わなきゃいいんじゃ？

もうやだこのバグブラウザ

バグブラウザと言ったって使ってないのに関係ないだろ

>>424
更新お疲れ様です
1レスNG対象外待ってました

更新乙

>>430
効いてて草