diff options
| author | HDPham <hdpham@protonmail.com> | 2022-05-11 07:49:08 +0300 |
|---|---|---|
| committer | Mark Otto <otto@github.com> | 2022-05-21 20:47:34 +0300 |
| commit | 7ed1a5f821dedffe453e5e30da1b435d911be099 (patch) | |
| tree | 65e98f7ea30bfea610f785f4a65edf29118e2493 | |
| parent | 8d87997303b5ce9f960572ab6a5ab6092e7a722f (diff) | |
Truncate text to prevent multiline floating label
| -rw-r--r-- | scss/forms/_floating-labels.scss | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/scss/forms/_floating-labels.scss b/scss/forms/_floating-labels.scss index 4f9fd194b9..acefe4ebc7 100644 --- a/scss/forms/_floating-labels.scss +++ b/scss/forms/_floating-labels.scss @@ -12,8 +12,12 @@ position: absolute; top: 0; left: 0; + width: 100%; height: 100%; // allow textareas padding: $form-floating-padding-y $form-floating-padding-x; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; pointer-events: none; border: $input-border-width solid transparent; // Required for aligning label's text with the input as it affects inner box model transform-origin: 0 0; |