YouTube Liveのチャット欄のカスタマイズ

YouTube Liveのチャット欄がちょいちょい使いづらくなってきていたのでカスタマイズしてみた。 あとでいろいろ調整する。

使用しているアドオンは stylebot

https://www.youtube.com/live_chat

/* emoji一覧の表示範囲を広げる */
yt-emoji-picker-renderer.yt-live-chat-message-input-renderer {
  height: 400px !important;
  min-height: 0 !important;
  max-height: 400px !important;
}

/* アプデでsuper stickerが先頭にきていて邪魔だったからそれを消す */
yt-emoji-picker-super-sticker-category-renderer {
  display: none !important;
}

/* emoji、メンバーバッジのサイズを変更 */
div#emoji > img,
.yt-live-chat-author-badge-renderer,
.emoji.yt-formatted-string.style-scope.yt-live-chat-text-message-renderer {
  --icon-size: 32px !important;
    width: var(--icon-size);
    height: var(--icon-size);
}

https://www.youtube.com

/* チャット表示枠を広げる */
ytd-live-chat-frame.style-scope.ytd-watch-flexy {
  height: 90vh;
}
.emoji.yt-formatted-string.style-scope.yt-live-chat-text-message-renderer {
    width: 32px!important;
    height: 32px!important;
}