如何自定义Gitkit提供的登录按钮？

Question

Google Identity Toolkit（Gitkit）提供了一个方便的小部件，其ID为“navbar”，最初用作登录按钮，一旦用户登录，它就会成为用户信息卡。这就是它的样子：

点击此用户信息卡后，会显示一个下拉列表，其中包含指向帐户管理页面和注销功能的链接。

问题是此用户信息卡对于移动设备屏幕而言太宽，我想将其自定义为类似于Gmail用户信息窗口小部件，该窗口小部件显示为包含个人资料图片的小圆圈，并且在点击后显示包含用户信息和帐户管理链接的叠加层，如下所示：

我的问题是：我是否有一种简单的方法可以自定义默认的Gitkit小部件，使其外观和行为与Gmail小部件相似，或者我最好从头开始创建类似Gmail的小部件？

Answer 1

身份工具包提供以下方法：

• google.identitytoolkit.signIn
• google.identitytoolkit.manageAccount
• google.identitytoolkit.signOut

并设置小部件网址并注销网址等。使用： google.identitytoolkit.setConfig

这应该为您提供构建自己的自定义用户卡/登录按钮所需的所有工具。提供的服务器库可帮助您验证和检索登录用户的信息。

当然，您始终可以覆盖用户卡css以自定义菜单的显示方式。