Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 13:14:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Limit Field label to size of input

Browse Source 
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.
This commit is contained in:
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,