OpenPNE3 Plugins » opSkinThemePlugin

Overview (現象)¶

Bootstrap の glyphicons 画像が PC用の css のバージョンとあっていない

具体的な影響としては、opLikePlugin と組み合わせて使った際に、thumbs-up のアイコンが表示されなくなる。

Causes (原因)¶

opSkinThemePlugin の各テーマの CSS ファイルは、PC用とスマホ用で別々のバージョンとなっている。
（OpenPNE 本体に同梱されているスマホ用の Bootstrap が v2.0.0 であるのに合わせるためと思われる）

• PC: v2.3.2
• スマホ: v2.0.0

CSS ファイルはディレクトリが css, smt_css と分かれているものの、画像ディレクトリ img については共有となっており、この中の glyphicons 画像が古い方のバージョンに同梱されているものになっているのが原因。

Bootstrap 側で glyphicons が更新されたのは以下のコミット、
https://github.com/twbs/bootstrap/commit/d5063e5dc8e62ecb23dd85d9dc3177b81852d1cf#diff-b798abe6e1b1318ee36b0dcb3fb9e4d3
v2.0.3 以降に含まれている。

Way to fix (修正内容)¶

Bootstrap の glyphicons 画像を v2.3.2 のものに置き換える

新しい glyphicons 画像は最下段に一行追加されただけで後方互換性があるため、v2.0.0 の CSS から読み込んでも v2.0.0 で定義されている範囲内では正常に動作する。