css - 通过 cognitoConfig.yaml 文件自定义 AWS cognito 登录页面 CSS
问题描述
我正在自动化 AWS Cognito 中的创建用户池过程。我正在使用 yaml 文件来设置整个内容(即用户属性、IDP 等...)。我需要自定义登录页面,并且我知道我需要将 CSS 添加到特定的类列表中。我不明白在哪里或格式。
解决方案
我就是这样做的。您现在可以使用 AWS::Cognito::UserPoolIdentityProvider 资源
UserPoolUICustomization:
Type: AWS::Cognito::UserPoolUICustomizationAttachment
Properties:
UserPoolId: !Ref CognitoUserPool
ClientId: !Ref CognitoUserPoolClient2
CSS: ".logo-customizable {
max-width: 100%;
max-height: 100%;
}
.banner-customizable {
padding: 0px 0px 5px 0px;
background-color: #fff;
}
.label-customizable {
font-weight: 400;
}
.textDescription-customizable {
padding-top: 10px;
padding-bottom: 10px;
display: block;
font-size: 16px;
}
.idpDescription-customizable {
padding-top: 10px;
padding-bottom: 10px;
display: block;
font-size: 16px;
}
.legalText-customizable {
color: #747474;
font-size: 11px;
}
.submitButton-customizable {
font-size: 14px;
font-weight: bold;
margin: 20px 0px 10px 0px;
height: 40px;
width: 100%;
color: #fff;
background-color: #337ab7;
}"
推荐阅读
- javascript - 如何防止用户在 JavaScript 中向 ToDo 列表添加超过 4 个任务
- twitter - 使用一个帐户的 Twitter API 从另一个帐户发送推文?
- python-3.x - Python:不使用命令自动引发自定义异常 raise CustomException("Something Happened")
- python - 使用 OneHotEncoder() 的更好方法是什么?
- python - 运行烧瓶应用程序时出现“flask.cli.NoAppException”
- c++ - 如何验证用户输入的日期月份输入?
- python - 使用 matplotlib.animation.FuncAnimate 对具有周期性边界的多车道高速公路进行动画处理
- sql - 快速计算十分位数
- python - 使用 subprocess.check_output 运行 flake8
- express - 猫鼬代码仅在我发出 2 个 http 请求时才有效