[WIP] add string length indicator and max-length message

This commit is contained in:
Martin Raifer
2022-11-25 17:30:43 +01:00
parent 5751e80b93
commit 5091966056
9 changed files with 134 additions and 33 deletions
+30
View File
@@ -2324,6 +2324,36 @@ div.combobox {
color: #333;
}
.form-field-input-wrap {
position: relative;
}
.form-field-input-wrap span.length-indicator-wrap {
visibility: hidden;
position: absolute;
top: -5px;
left: 0;
right: 0;
}
.form-field-input-wrap > textarea:focus + span.length-indicator-wrap,
.form-field-input-wrap > textarea:focus + div.combobox-caret + span.length-indicator-wrap {
visibility: visible;
}
.form-field-input-wrap span.length-indicator {
display: block;
left: 0;
right: 0;
height: 4px;
background-color: #7092ff;
border-right-style: solid;
border-right-color: lightgray;
}
.form-field-input-wrap span.length-indicator.limit-reached {
border-right-color: red;
}
/* Field Help
------------------------------------------------------- */