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

Question

Google (Gitkit)提供了一个方便的小部件，它的id 'navbar‘最初用作登录按钮，一旦用户登录，它就成为用户信息卡。看上去是这样的：

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

问题是，这张用户信息卡对于移动屏幕来说太宽了，我想定制它，使其看起来像Gmail用户信息小部件，它就像一个包含配置文件图片的小圆圈，点击就会显示包含用户信息和帐户管理链接的覆盖，如下所示：

​

​

，我的问题是:是否有一种简单的方法可以定制默认的Gitkit小部件，使其看起来和Gmail小部件相似，或者我会更好地从头创建类似Gmail的小部件？

Answer 1

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

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

并设置小部件url并签出url等，请使用: google.identitytoolkit.setConfig

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

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