fix #1734: overlapping generator icon on password inputs

This commit is contained in:
antelle 2021-03-21 17:35:06 +01:00
parent 140873e0a2
commit cf28ad220b
No known key found for this signature in database
GPG Key ID: 63C9777AAB7C563C
3 changed files with 5 additions and 0 deletions

View File

@ -45,6 +45,7 @@ class FieldView extends View {
multiline: this.model.multiline,
title: this.model.title,
canEditTitle: this.model.newField,
canGen: this.model.canGen,
protect: this.value && this.value.isProtected,
hasOptions: !Features.isMobile && renderedValue && this.hasOptions
});

View File

@ -276,6 +276,9 @@
.details__field--protected & {
font-family: $monospace-font-family;
}
.details__field--can-gen & {
padding-right: 2.4em;
}
transition: background-color $slow-transition-out, border-color $slow-transition-out;
.details__field--edit[active-mobile-action] & {
transition: background-color $slow-transition-in,

View File

@ -3,6 +3,7 @@
{{~#if editable}} details__field--editable{{/if~}}
{{~#if multiline}} details__field--multiline{{/if~}}
{{~#if canEditTitle}} details__field--can-edit-title{{/if~}}
{{~#if canGen}} details__field--can-gen{{/if~}}
{{~#if protect}} details__field--protect{{/if~}}
{{~#if hasOptions}} details__field--options{{/if~}}
">