如何使用Google课堂共享按钮的圆形徽标？

Question

我想使用Google课堂共享按钮的圆形徽标，如“Google Classroom Branding Guidelines”页面所示。​​

我在“Add a Classroom Share Button”页面中使用过该示例，但我无法弄清楚如何使用圆形徽标而不是方形徽标。

有人可以帮忙吗？

Answer 1

您无法“配置”共享按钮本身以使用其他徽标;为了实现这一点，你需要"manually" display the icon and then direct the user to the REST share endpoint。

Answer 2

使用CSS更改图标。

下载圆形图标包：https://developers.google.com/classroom/assets/classroom_circle_logo.zip

在线上传您想要的图标，覆盖background-image - 规则

使用示例代码时，我会得到e CSS规则：

.mgQYsb {
    background-image: url("https://www.gstatic.com/classroom/logo_square_48.svg");
}

用

覆盖此规则

.mgQYsb {
    background-image: url("<your url>/<your logo>") !important;
} 

让我们希望班级保持不变。或者你可能会找到一个更通用的规则，它不会把课程考虑在内，如

div.hrIdWidgetContainer>div>div> {
    background-image: url("<your url>/<your logo>") !important;
}

我尝试使用实际规则来查看圆形徽标是否位于gstatic.com上的同一文件夹中，但没有找到任何内容。