Skip to content

ニコニコ動画・生放送 コメント行間圧縮 by nms

Screenshot of ニコニコ動画・生放送 コメント行間圧縮

Details

Authornms

LicenseMIT License

Categoryniconico、ニコニコ動画、ニコニコ生放送、ニコ生

Created

Updated

Size5.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

ニコニコ動画、生放送のコメントリストの行間を圧縮します。余白も削ります。
ニュース、静画などは気が向いたら対応します。

コメント行を1行化したり、ニコるボタンを消したりもできます。

Notes

Ver.20241129
【動画】運営の仕様変更に対応。

Ver.20241122
【動画】コメント間の隙間を削除。

Ver.20241121
【動画】運営の仕様変更に対応。

Ver.20240907
【動画】コメント行1行化が反映されない不具合を修正。

Ver.20240822
【動画】Ver.20240819の変更に伴い発生した不具合を修正。

Ver.20240819
【動画】意図しない要素に設定が反映されてしまう不具合を修正。

Ver.20240817
【動画】新プレーヤーに対応。
【生】修正。
ライセンス変更。

Ver.20231117
【動画】ニコる表示を無効化する機能を追加。

Ver.20230808
【動画】コメントパネルの密度、フォントサイズの指定機能を追加。
ライセンス表記修正。

Ver.20220725
【生】修正。

Ver.20220602
【動画】対応。

Ver.20220210
LAN内からuserstyles.worldへ移管。

Source code

/* ==UserStyle==
@name         niconico comment compactview
@version      20241129-2230
@namespace    http://ns.npc.0am.jp/
@description  ニコニコ動画・生放送のコメントリストの行間を圧縮します。
@author       NMTV Systems
@license      MIT

/* VP 240817 行間隔 */
@var select vp-comment-line-padding-row "【動画】行間隔"{"タッチ":"12","広い":"8","標準*":"4","コンパクト":"2","狭い":"1","最小":"0","カスタム":"var(--vp-comment-line-padding-row-value)"}
@var number vp-comment-line-padding-row-value "【動画】行間隔 (カスタム)" 1

/* VP 240817 fontsize */
@var range vp-commentpanel-font-size "【動画】フォントサイズ" [14,8,24,1,"px"]

/* VP 240817 コメント1行化 */
@var select vp-comment-line "【動画】コメント行を1行化する"["1:Enable*","3:Disable"]

/* VP 240817 時間 表示 */
@var select vp-comment-time "【動画】コメント時間を表示する"["block:Enable*","none:Disable"]

/* VP 240817 ニコる行 表示 */
@var select vp-nicoru "【動画】ニコるを表示する"["flex:Enable*","none:Disable"]

/* LP 240817 行間隔 */
@var select lp-comment-line-height "【生】行間隔"{"タッチ":"24","広い":"20","標準*":"18","コンパクト":"16","狭い":"14","最小":"12","カスタム":"var(--lp-comment-line-height-value)"}
@var number lp-comment-line-height-value "【生】行間隔 (カスタム)(px)" 18

/* LP 240817 fontsize */
@var range lp-commentpanel-font-size "【生】フォントサイズ" [12,8,24,1,"px"]

/* LP 221125 行表示 */
@var checkbox lpCommentNumber "【生】コメント番号を表示する" 1
==/UserStyle== */
/* 231117 おまじない */*{}

/*  nico-NM-cm960.css Ver.20241129-2230         (C)2024 NMS               http://npc.0am.jp/ nmtvsys@gmail.com ◆◇◆ */
@-moz-document regexp("https?:\\/\\/www\\.nicovideo\\.jp\\/watch\\/.*"){
/* ■動画 */
.grid-area_\[sidebar\]{
/* VP 241129 左端余白 */
.flex-g_1.pl_x2{padding-left:var(--spacing-base);}

/* VP 240817 行間 コンパクト */
[style*=height\:] [class*=text_textOnLayer\.]{line-height:1.175;}

/* VP 241129 コメ間gap削除 */
[style*=height\:] [data-index]>*{margin-block:-2px;}

/* VP 241121 行間隔 */
[style*=height\:] [data-index]>div{padding-inline:var(--spacing-x0_5);
padding-block:calc(1px * var(--vp-comment-line-padding-row,2));}

/* VP 241129 コメント1行化 */
[style*=height\:] [data-index] .lc_3{-webkit-line-clamp:var(--vp-comment-line,1);}

/* VP 240817 fontsize */
[style*=height\:] [data-index]>div{font-size:var(--vp-commentpanel-font-size,14px);}

/* VP 241129 時間 左端化 */
[style*=height\:] [data-index]>div>div,
.z_dropdown>div>div:first-child>div{display:flex;flex-direction:row-reverse;gap:.5em;}

/* VP 241129 文字サイズ 時間&ニコる数 */
[style*=height\:] [data-index] .fs_s{font-size:calc(.875 * var(--vp-commentpanel-font-size,14px));line-height:calc(var(--line-heights-base) * var(--vp-commentpanel-font-size,14px));}

/* VP 240822 時間 表示 */
[style*=height\:] [data-index] .fs_s[class*=text_textOnLayer\.]{display:var(--vp-comment-time,flex);}

/* VP 241121 ニコる行 表示 */
button[aria-label="ニコるボタン"]{display:var(--vp-nicoru,flex);flex-direction:initial;gap:3px;}
}
}/* /■動画 */

@-moz-document regexp("https?:\\/\\/live2?\\.nicovideo\\.jp\\/.*"){
/* ■生放送 */

/* LP 240817 fontsize */
.comment-number,.comment-text,
[class*=___table-row___],[class*=___header-cell-skin___],[class*=___header-cell___],[class*=___table-cell-skin___],[class*=___table-cell___]{height:calc(1px*var(--lp-comment-line-height,18))!important;font-size:var(--lp-commentpanel-font-size,12px)!important;line-height:calc(1px*var(--lp-comment-line-height,18))!important;}

/* LP 220604(211110) コメントパネル */
/* LP コメント行 */[class*=___comment-panel___] [class*=___table-row___]{padding:0;}
/* ※Firefox用 */@-moz-document url-prefix(){[class*=___comment-panel___] [class*=___table-row___]{padding:0 calc(var(--lp-comment-line-height,18) - 2px) 0 0;}}

/* LP 220604 コメント欄\文字色 */
/* LP 220604 コメント番号 */.comment-number,
/* LP 220604 特殊コメント */[class*=___table-row___][data-comment-type="cruise"] .comment-text,[class*=___table-row___][data-comment-type="nicoad"] .comment-text,[class*=___table-row___][data-comment-type="programExtend"] .comment-text,[class*=___table-row___][data-comment-type="quote"] .comment-text,[class*=___table-row___][data-comment-type="ranking"] .comment-text,[class*=___table-row___][data-comment-type="spi"] .comment-text,[class*=___table-row___][data-comment-type="transparent"] .comment-text,[class*=___table-row___][data-comment-type="userFollow"] .comment-text,[class*=___table-row___][data-comment-type="userLevelup"] .comment-text,[class*=___table-row___][data-comment-type="visited"] .comment-text{color:#808080;line-height:calc(1px*var(--lp-comment-line-height,18))!important;}

/* LP 220603 コメント行 inner */
[class*=___header-cell-skin___],[class*=___header-cell___],[class*=___table-cell-skin___],[class*=___table-cell___]{
height:calc(1px*var(--lp-comment-line-height,18));padding:2px 0 1.5px 4px;padding:1px 0 1px 0;font-size:var(--lp-commentpanel-font-size,12px);line-height:calc(1px*var(--lp-comment-line-height,18))!important;}

/* LP 240817 コメント番号 */
.comment-number{min-width:3.6em!important;margin-right:.5em!important;font-size:calc(.875 * var(--lp-commentpanel-font-size,12px))!important;color:#a0a0a0!important;font-family:Avenir Next,Lato,sans-serif;}
/* LP 240817 コメント番号 padding */
[class*=___comment-data-grid___]>.body>.table>.table-row>.table-cell{padding-left:0!important;}
}

Reviews

No reviews yet.