Przeglądaj źródła

Fix overflow of label in a floating-input (#2072)

* Fix overflow of label in a floating-input

Temporary fix for the bug in twbs/bootstrap v5.3.3.

* Create dry-rice-march.md

---------

Co-authored-by: codecalm <[email protected]>
BG-Software 7 miesięcy temu
rodzic
commit
687267de38
2 zmienionych plików z 16 dodań i 0 usunięć
  1. 5 0
      .changeset/dry-rice-march.md
  2. 11 0
      core/scss/ui/_forms.scss

+ 5 - 0
.changeset/dry-rice-march.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix overflow of `label` in a `floating-input`

+ 11 - 0
core/scss/ui/_forms.scss

@@ -227,4 +227,15 @@ Upload files
 .form-file-button {
   margin-left: 0;
   border-left: 0;
+}
+
+/**
+Floating inputs
+ */
+// Fix for the bug in twbs/bootstrap v5.3.3. Issue #39080. Should be fixed in v5.3.4
+label[for="floating-input"] {
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }