matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-09 08:42:50 +03:00
Code 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
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; margin: 7px 8px;
padding: 2px; padding: 2px;
pointer-events: none; // Allow clicks to fall through to the input 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, .mx_Field input:focus + label,