Userカスタマイズコレクション
#UserScript #UserCSS
カードのタイトルの文字サイズを変える
code:style.css
.grid li.page-list-item a .header .title{
font-size: ???px;
}
アイコンを丸くするCSS
code: style.css
.icon {
border-radius: 50%;
}
一覧カードの上の余白を消す
code:style.css
.grid li.page-list-item a .header {
border: 0;
}
空白ページを空白っぽくするUserCSS
code: style.css
.grid li.page-list-item ahref^="/プロジェクト名/Untitled" {
box-shadow: none !important;
border: 0.5px dashed black;
border-radius: 10%;
background-color: transparent;
}
.grid li.page-list-item ahref^="/プロジェクト名/Untitled" .header {
border-top: none;
}
.grid li.page-list-item ahref^="/プロジェクト名/Untitled" .header .title {
color: rgba(255,255,255,0) !important;
text-align: center;
letter-spacing: 3px;
}
文を改行させるUserScript
code:script.js
scrapbox.PopupMenu.addButton ({
title: '改行',
onClick: text => {
const rtn = text.replace(/。!?/g, '。\n');
return rtn;
}
})
CTRL+Enterで検索窓に移動するスクリプト
code: script.js
document.addEventListener('keydown',
event => {
if (event.key === 'Enter' && event.ctrlKey) {
$(".search-form .form-group input").focus();
$(".search-form .form-group input").select();
}
});