html - 为什么我的 Spotify 应用程序中的共享按钮图标未对齐?

标签 html css button spotify

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

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

missaligned share icon

我注意到这也发生在其他 Spotify 应用程序中,例如干草叉

missaligned share icon

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

share icon with correct alignment

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

最佳答案

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

shares.css source of the problem

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

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

关于html - 为什么我的 Spotify 应用程序中的共享按钮图标未对齐?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12073301/

相关文章:

php - 如何创建一个提交按钮,根据下拉列表中选定的输入显示结果

html - 如何在链接中垂直居中文本

html - Bootstrap 导航栏 - 删除按钮之间的空间

css - 网站不会在移动设备上滚动

html - 放大图标周围的框架

javascript - 切换两侧按钮 css

html - 共享元标记 og :image for facebook is selecting other image then defined

html - 单击时如何删除输入字段的边框(焦点指示)

click() 上的 JQuery css(...,...) 函数适用于 JSFiddle 但不适用于 Firefox/Chrome

java - 如何在其他按钮上单击不可见按钮