OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Limit Field label to size of input 

This avoids awkward wrapping if the label is longer than the input. This will
show an ellipsis to suggest there's more text in the label than can be shown.
pull/21833/head
J. Ryan Stinnett 2019-03-04 12:02:23 +00:00
parent a6a3716576
commit c1688d2be3
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
res/css/views/elements/_Field.scss
View File

@ -89,6 +89,10 @@ limitations under the License.
margin: 7px 8px;
padding: 2px;
pointer-events: none; // Allow clicks to fall through to the input
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: calc(100% - 18px);
}
.mx_Field input:focus + label,