#daiizメモ

Cosenseに夢中

トップ > メモ > ツイートボタンが新しくなった

ツイートボタンが新しくなった

メモ

記事下に配置しているツイートボタンが新しいデザインになっていた．ボタンの上の吹き出しが無くなってしまったので，ツイートボタンだけ上に浮いてきてしまった．

f:id:daiiz:20151121233059p:plain


応急処置として，こんな感じのCSSを書いておくと，良い感じに並ぶ．

f:id:daiiz:20151121233416p:plain 


/* 上記例では，Tweet Buttonは3番目のSNSボタン */
.social-button-item:nth-child(3) {
   margin-top: 41px;
}

.social-button-item:nth-child(3)::before {
    content: "つぶやく";
    background-color: #fff;
    position: absolute;
    padding: 8px 12px 8px 12px;
    margin-top: -41px;
    color: #666;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

よろしければ，適宜変更しながらご利用ください．