mirror of
https://github.com/zitadel/zitadel.git
synced 2025-12-11 00:18:32 +00:00
fix: change descriptions and password rule placement (#4425)
* fix: change descriptions and password rule placement * fix: passwordless descriptions, remove language and gender from register * fix: less technical texts on login * fix: texts * fix: texts * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml * update e2e test * fix radio * fix: chinese text corrections * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> * Update internal/api/ui/login/static/i18n/it.yaml Co-authored-by: Max Peintner <max@caos.ch> Co-authored-by: Max Peintner <max@caos.ch> Co-authored-by: Livio Spring <livio.a@gmail.com>
This commit is contained in:
Fabi
@@ -7,105 +7,106 @@ $lgn-radio-ripple-size: 15px;
|
||||
$lgn-radio-label-padding: 0 0 0 ($lgn-radio-size + 10px);
|
||||
|
||||
@keyframes ripple {
|
||||
0% {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
50% {
|
||||
box-shadow: 0 0 0 15px rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
|
||||
}
|
||||
0% {
|
||||
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
50% {
|
||||
box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
100% {
|
||||
box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin lgn-radio-base {
|
||||
outline: none;
|
||||
margin: 16px 0;
|
||||
outline: none;
|
||||
margin: 16px 0;
|
||||
display: inline-block;
|
||||
|
||||
&.block {
|
||||
display: block;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
height: $lgn-radio-size;
|
||||
position: relative;
|
||||
padding: $lgn-radio-label-padding;
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
padding-top: 2px;
|
||||
outline: none;
|
||||
font-size: $lgn-radio-font-size;
|
||||
line-height: 16px;
|
||||
|
||||
&.block {
|
||||
display: block;
|
||||
&::before,
|
||||
&::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
border-radius: 50%;
|
||||
transition: all 0.3s ease;
|
||||
transition-property: transform, border-color;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
height: $lgn-radio-size;
|
||||
position: relative;
|
||||
padding: $lgn-radio-label-padding;
|
||||
margin-bottom: 0;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
padding-top: 2px;
|
||||
outline: none;
|
||||
font-size: $lgn-radio-font-size;
|
||||
line-height: 16px;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
border-radius: 50%;
|
||||
transition: all .3s ease;
|
||||
transition-property: transform, border-color;
|
||||
}
|
||||
|
||||
&::before {
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: $lgn-radio-size;
|
||||
height: $lgn-radio-size;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
&::after {
|
||||
top: $lgn-radio-size / 2 - $lgn-radio-checked-size / 2;
|
||||
left: $lgn-radio-size / 2 - $lgn-radio-checked-size / 2;
|
||||
width: $lgn-radio-checked-size;
|
||||
height: $lgn-radio-checked-size;
|
||||
transform: scale(0);
|
||||
}
|
||||
&::before {
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: $lgn-radio-size;
|
||||
height: $lgn-radio-size;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
input[type='radio'] {
|
||||
&::after {
|
||||
top: $lgn-radio-size / 2 - $lgn-radio-checked-size / 2;
|
||||
left: $lgn-radio-size / 2 - $lgn-radio-checked-size / 2;
|
||||
width: $lgn-radio-checked-size;
|
||||
height: $lgn-radio-checked-size;
|
||||
transform: scale(0);
|
||||
}
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
outline: none;
|
||||
|
||||
&:checked + label::before {
|
||||
animation: ripple 0.2s linear forwards;
|
||||
}
|
||||
|
||||
&:checked + label::after {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
&:focus + label {
|
||||
opacity: 1;
|
||||
// outline-width: 2px;
|
||||
// outline-style: solid;
|
||||
// outline-offset: 2px;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
+ label {
|
||||
cursor: not-allowed;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
outline: none;
|
||||
|
||||
&:checked + label::before {
|
||||
animation: ripple .2s linear forwards;
|
||||
}
|
||||
|
||||
&:checked + label::after {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
&:focus + label {
|
||||
opacity: 1;
|
||||
// outline-width: 2px;
|
||||
// outline-style: solid;
|
||||
// outline-offset: 2px;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
+ label {
|
||||
cursor: not-allowed;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -478,6 +478,7 @@ select::placeholder, .lgn-select::placeholder {
|
||||
transform: scale(0);
|
||||
}
|
||||
.lgn-radio input[type=radio] {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
width: 0;
|
||||
@@ -1401,6 +1402,7 @@ select::placeholder, .lgn-select::placeholder {
|
||||
transform: scale(0);
|
||||
}
|
||||
.lgn-radio input[type=radio] {
|
||||
display: block;
|
||||
opacity: 0;
|
||||
margin: 0;
|
||||
width: 0;
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user