Я хочу использовать круглый логотип кнопки Google Classroom Share, как показано на странице «Google Classroom Branding Guidelines».Как использовать круглый логотип для кнопки Google Classroom Share?
Я использовал этот пример на странице «Add a Classroom Share Button», но не могу понять, как использовать круглый логотип вместо квадратного.
Может ли кто-нибудь помочь?
Вы не можете «настроить» кнопку общего доступа, чтобы использовать другой логотип; для этого вам понадобится "manually" display the icon and then direct the user to the REST share endpoint.
Используйте CSS чтобы изменить значок.
Скачать круглые иконки пакет: https://developers.google.com/classroom/assets/classroom_circle_logo.zip
Upload значок, который вы хотите где-то в Интернете перезаписать background-image -правило
При использовании примера кода я получаю е 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, но ничего не нашел.
Что вы пытаетесь его добавить? Веб-страница? с JavaScript? – CaptJak
Просто попробуйте запустить пример на странице примера Google Classroom, но используйте круглый логотип вместо квадратного. Я подумал, что, возможно, есть атрибут данных, который я могу использовать для указания формы логотипа, но ничего не могу найти в документации. –
Отметьте вопрос на языке, который вы используете. Этот вопрос будет рассмотрен соответствующей аудиторией. – CaptJak