stylishでGroupの写真を見易くする方法
stylishはcssをサイト毎にカスタマイズするChromeの拡張ツールです。
※firefoxにもあるようだけど、確認していません。
現状、Group写真にポートレイトの物が混じると、その幅が狭く表示され
全体的なレイアウトが崩れてしまいます。これはcssを適切に書いて貰えば
解決しそうな気がするのですが、PA Teamは手を付けてくれません。
色々と試行錯誤してみたら、下記のような設定すると以前の様に
等幅でサムネイル表示出来るようになりました。
適用前は"width: auto"でしたが、%指定すると上手く動くようです。
Groupホームページ用が25%(4列)、写真のページが16%(6列)
もっとスマートな解決方法があるとは思うけど、取りあえず使えてます。
PA Teamがリニューアルしてくれるまでの暫定使用です。
---- stylish code ---------------
#group_photos
.panoramio-wapi-photolist
.panoramio-wapi-images
.panoramio-wapi-loaded-img-div{
width: 25%!important;
}
#photo_widget
.panoramio-wapi-images
.panoramio-wapi-loaded-img-div{
width: 16%!important;
}
----- end -------