【Scrapbox】ウィンドウサイズの横幅が767pxの時に、見た目が崩れるのを防ぐ【UserCSS】
概要
修正前のブレークポイント
解決方法
app.cssからメディアクエリを抽出し、メディアクエリのブレイクポイントを修正したCSSをImport Pagesで取込めるJSON形式で出力する。
Import Pageで取込んだCSSをUserCSSとして読み込むと、冒頭の画像のAFTERのように検索欄の見た目が崩れなくなる。
修正後のブレークポイント
UserCSSの記述例
Import Pagesで生成したページ
app.cssを大量に上書きする性質上、他のUserCSSより早い段階でインポートした方が無難
JSON形式のUserCSSを生成するプログラム