Jak dostosować wygląd przycisku udziału w klasie Google google

Question

Obecnie wygląda jak kwadrat bez tekstu obok, chcemy dostosować wygląd, aby wyglądać bez obawy, że ikona będzie pasować do naszych pozostałych przycisków.

Próbowano już dodawać style do div, które są konwertowane na ikonę udostępniania, ale do tej pory nie powiodły się.

<div id='widget-div' class='btn btn-blue'>Google Classroom</div> 

Powyższa linia renderuje jak poniżej:

Każdy pomysł, jak postępować dalej lub w jakim kierunku patrzeć?

Answer 1

Aby uzyskać zupełnie inny przycisk udostępniania, musisz napisać własny JS, aby prawidłowo ustawić przycisk, obsługiwać kliknięcie myszą itp., A następnie skierować użytkownika pod adres URL formularza https://classroom.google.com/share?url=https://foo.com/. (Będziesz także musiał postępować zgodnie z branding guidelines).

Answer 2

Aby zmodyfikować przycisk, można zapoznać się z dokumentacją Share button. Istnieją jednak pewne ograniczenia, które należy wykonać, aby zmodyfikować przycisk Classroom we właściwy sposób.

Here można znaleźć wszystkie specyfikacje i ograniczenia dotyczące logo. Sprawdź, czy te specyfikacje pozwalają modyfikować logo odpowiednio do Twoich potrzeb.

Answer 3

Białe logo (kwadrat lub kółko) można umieścić na wybranym kolorowym tle. Wytyczne dotyczące pełnej marki here