mirror of
https://github.com/FoggedLens/iD.git
synced 2026-05-24 17:14:04 +02:00
[WIP] add string length indicator and max-length message
This commit is contained in:
@@ -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
|
||||
------------------------------------------------------- */
|
||||
|
||||
Reference in New Issue
Block a user