UserCSSを使ったページ右メニューの追加が反映できない&ランダムにページにジャンプするアイコンが選択できない
2019/2/17
ふるや.iconUser CSSやUser Scriptの質問になってしまうのですが、対応いただけたら有り難いです。
(1) 下記のUser CSSを自分個人のプロジェクトのsettingsページに貼り付けたのですが、右のページメニューにブックマークメニューが追加されません。
code:style.css
/* しおり記法 -- 栞箇所のマークやハイライトが不要な場合はこのブロックは消してね */
@media screen {
.app:not(.presentation) .line .deco-\. { background-color: #F5FAEA } .app:not(.presentation) .line .deco-\.::after {
position: absolute; top: 3px; left: -1.4em;
content: '\f02e'; font: 1.7rem/1 'FontAwesome'; color: yellowgreen } }
@media screen and (max-width: 990px) {
.app:not(.presentation) .line .deco-\.::after { position: static; padding-left: .3em } }
/* 栞一覧を出すページメニューボタンのスタイル -- ここは必要 */
a#Bookmarks.tool-btn:hover { text-decoration: none }
a#Bookmarks.tool-btn::before {
position: absolute; left: calc(46px/3); content: '\f097'; font: 20px/46px 'FontAwesome' }
a#Bookmarks.tool-btn img { opacity: 0 }
code:script.js
const __bkmClass = '.deco-\\.' /* ここで記法のセレクタを設定してね。デフォルトはドットです */
const __bkmMenuTitle = 'Bookmarks'
scrapbox.PageMenu.addMenu({ title: __bkmMenuTitle, image: 'dummy.png',
onClick: function() {
const __fixedHeaderHeight = ($('.navbar').css('position') == 'fixed' ? $('.navbar').height() : 0) +
($('.navbar-pagemenu').height() || 0)
scrapbox.PageMenu(__bkmMenuTitle).removeAllItems()
$(__bkmClass).closest('.line').each(function(i, e){
scrapbox.PageMenu(__bkmMenuTitle).addItem({
title: $(e).find(__bkmClass).text(),
onClick: function() {
$('html,body').animate({
scrollTop: $(e).offset().top - $('body').offset().top - __fixedHeaderHeight
}, 150)
}
})
})
}
})
(2) ついでで気づいたのですが、右のページメニューに追加されているランダムページにジャンプするアイコンを選択できません。
カーソルを合わせると、形が矢印↑から手のマークに変わるのですが、アイコン背景色が変わらず、クリックしても変化なし(選択できるものがない感じ)
Mac Safariで上記の状態
スマホのChromeで同じことをすると、普通に選択でき、ランダムにページが変わります。
2019/2/18追記:PCのChromeでも、普通に選択ができました。