ピン留めされているページとされていないページの間に区切り線を表示できるようにしてほしい

こんな感じになってほしい

https://gyazo.com/8c071f12bd2946066bba0d0f4733fec3

code:style.css

.page-list-item.pin + .page-list-item:not(.pin) {

clear: both;

}

すいません ちゃんと読めてなかったですね

区切り線を読めてなかったです

code:style.css

.page-list .grid {

position: relative;

}

.page-list-item.pin + .page-list-item:not(.pin) {

clear: both;

position: static;

}

.page-list-item.pin + .page-list-item:not(.pin):before {

content: "";

position: absolute;

display: block;

border-top: solid 1px black;

width: calc(100% - calc(14.8px * 2.5));

margin-top: -7px;

}

ただモバイルだとborderの位置がいまいちになってしまう問題はあります

なのでsettingsとかに貼るのはアレかも

gridの隙間が画面サイズによって動的に決まるようで、 CSS Variables とかで提供されてないとUserCSSでこれ以上ちゃんとしたのはできなさそう