feat(utility): updates ellipsis class

innovaccer · Jul 24, 2020 · 3ec95c5 · 3ec95c5
1 parent e396caa
commit 3ec95c5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/css/Readme.md b/css/Readme.md
@@ -394,7 +394,8 @@ Width and height utilities includes support for 25%, 50%, 75%, and 100% by defau
 | ----- | ---------- |
 | hide-scroll-bar::-webkit-scrollbar | height: 0px;<br> <br>background: transparent;<br> |
 | hide-scroll-bar | -ms-overflow-style: none;<br>scrollbar-width: none;<br> |
-| ellipsis | white-space: nowrap;<br>overflow: hidden;<br>text-overflow: ellipsis;<br> |
+| ellipsis | overflow: hidden;<br>text-overflow: ellipsis;<br> |
+| ellipsis--noWrap | white-space: nowrap;<br>overflow: hidden;<br>text-overflow: ellipsis;<br> |
 
 
 ## SHADOW

diff --git a/css/src/utils/utility.css b/css/src/utils/utility.css
@@ -12,6 +12,11 @@
 }
 
 .ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.ellipsis--noWrap {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;