セルのテキストが折り返されるようにする
author: Nrem.icon
UserCSS.icon
一定の幅を超えたセルのテキストが折り返されるようになります
.line:not(.cursor-line) を外すとカーソルの挙動がバグります
code:style.css
body {
--cell-wrap-width: 30em;
}
.line:not(.cursor-line) .table-block-row {
display: flex !important;
height: 100% !important;
}
.line:not(.cursor-line) .cell {
display: block !important;
max-width: var(--cell-wrap-width, 30em);
}
.line:not(.cursor-line) .cell-text {
display: inline-block;
box-sizing: content-box;
max-width: var(--cell-wrap-width, 30em);
vertical-align: top;
text-wrap: pretty;
}