Merge pull request #2742 from jryans/limit-field-label

Limit Field label to size of input
2019-03-05 11:16:05 +00:00 · 2019-03-05 11:16:05 +00:00 · a3d6d43f69
parent 5a9095288e 1336508a4e
commit a3d6d43f69
1 changed files with 4 additions and 0 deletions
--- a/res/css/views/elements/_Field.scss
+++ b/res/css/views/elements/_Field.scss
@ -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% - 20px); // 100% of parent minus margin and padding
 }

 .mx_Field input:focus + label,