#daiizメモ

Scrapboxに夢中

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

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

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;
}

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