为什么我的Spotify应用中的分享按钮图标未对齐?

时间:2012-08-22 12:35:24

标签: html css button spotify

我正在开发的Spotify应用程序中有一个共享按钮。我正在使用developer guidelines 'buttons' section中提供的确切html,我还导入了标准的CSS文件。

我的按钮呈现图标未对齐(太低),例如

missaligned share icon

我注意到其他Spotify应用也会出现这种情况,例如:叉

missaligned share icon

在原生Spotify页面中,图标位置正确,例如

share icon with correct alignment

这是标准Spotify的应用CSS中的错误,还是我的应用程序存在问题?

3 个答案:

答案 0 :(得分:2)

这绝对是Spotify的CSS的一个问题。图标的定位在shared.css第135行定义:

shares.css source of the problem

我在样式表中添加了以下内容,将其放回正确的位置:

.button.icon .share::before {
    top: -15px;
}

答案 1 :(得分:1)

尝试使用vertical-align: topmiddle来获取此元素

答案 2 :(得分:1)

我们正在针对下一版API进行修复。谢谢你的举报!