読者です 読者をやめる 読者になる 読者になる

BattleProgrammerShibata

ある日は誰かと戦い、ある日は何かと戦い、そしてある日は自分と戦うのだろう、そういう生き物。

pixiv の説明文を最初から全表示する CSS 書いた

CSS

f:id:bps_tomoya:20151007194332p:plain

ネタバレや著しい長文ならともかくこの程度の文章で「続きを読む」の中にイラストの説明文を隠すのが個人的に嫌いで、いちいちボタンを押すのも面倒だしどうせなら最初から全て表示したいという感があった。

で、それを実現するみっじかい CSS をサクッと書いた。適当に GoogleChrome 拡張の Stylish とかに食わせてあげる。他ブラウザでも同じようなものがあると思う。

// 説明文の領域の最大高さを上書きしつつ、同時に必要な領域を確保
section.work-info.ui-expander-container {
    max-height: 100%;
}

// 「続きを読むボタン」を非表示
.ui-expander-target .expand {
    display: none;
}

chrome.google.com

するとこんな感じ。

f:id:bps_tomoya:20151007194406p:plain

pixiv の構造に変更があると破綻するので、そこら辺はご了承を。
個人的にこの表示を維持していたいので、その際は随時アップデートする。