- add ellipsis pug function

 - add `tip-fit` class
 - bump version

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Logs
 
+## v0.0.8
+
+ - add `ellipsis` pug function
+ - add `tip-fit` class
+
+
 ## v0.0.7
 
  - add `a` mixin for handy anchor with rel ( noopener + noreferrer ) attributes to prevent browser hijacking vulnerability

dist/index.css

@@ -65,6 +65,10 @@
   min-width: 100px;
   padding: 0.6em 0.8em;
 }
+.hover-tip.tip-fit {
+  min-width: fit-content;
+  white-space: pre;
+}
 .hover-tip a {
   color: #73baf7;
 }

dist/index.pug

@@ -29,6 +29,10 @@ if !(libLoader || scriptLoader)
 - var escjson = function(obj) { return 'JSON.parse(unescape("' + escape(JSON.stringify(obj)) + '"))'; };
 //- escape for html output to prevent xss
 - var eschtml = (function() { var MAP = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&#34;', "'": '&#39;' }; var repl = function(c) { return MAP[c]; }; return function(s) { return s.replace(/[&<>'"]/g, repl); }; })();
+-
+  function ellipsis(str, len) {
+    return ((str || '').substring(0, len || 200) + (((str || '').length > (len || 200)) ? '...' : ''));
+  }
 
 //- add br x n
 mixin nbr(count)

package.json

@@ -3,7 +3,7 @@
   "name": "@loadingio/bootstrap.ext",
   "license": "MIT",
   "description": "bootstrap extension used by loading.io",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "style": "dist/index.min.css",
   "files": [
     "dist/**/*"

src/pug/misc.pug

@@ -2,6 +2,10 @@
 - var escjson = function(obj) { return 'JSON.parse(unescape("' + escape(JSON.stringify(obj)) + '"))'; };
 //- escape for html output to prevent xss
 - var eschtml = (function() { var MAP = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&#34;', "'": '&#39;' }; var repl = function(c) { return MAP[c]; }; return function(s) { return s.replace(/[&<>'"]/g, repl); }; })();
+-
+  function ellipsis(str, len) {
+    return ((str || '').substring(0, len || 200) + (((str || '').length > (len || 200)) ? '...' : ''));
+  }
 
 //- add br x n
 mixin nbr(count)

src/styl/tip.styl

@@ -46,6 +46,11 @@
     font-size: .75em
     min-width: 100px
     padding: .6em .8em
+  // fit-content to make it small as possible
+  // white-space: pre to prevent wrapping in smaller container
+  &.tip-fit
+    min-width: fit-content
+    white-space: pre
   a
     color: #73baf7
   &:before

web/static/assets/lib/@loadingio/bootstrap.ext/dev/index.css

@@ -65,6 +65,10 @@
   min-width: 100px;
   padding: 0.6em 0.8em;
 }
+.hover-tip.tip-fit {
+  min-width: fit-content;
+  white-space: pre;
+}
 .hover-tip a {
   color: #73baf7;
 }

web/static/assets/lib/@loadingio/bootstrap.ext/dev/index.pug

@@ -29,6 +29,10 @@ if !(libLoader || scriptLoader)
 - var escjson = function(obj) { return 'JSON.parse(unescape("' + escape(JSON.stringify(obj)) + '"))'; };
 //- escape for html output to prevent xss
 - var eschtml = (function() { var MAP = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&#34;', "'": '&#39;' }; var repl = function(c) { return MAP[c]; }; return function(s) { return s.replace(/[&<>'"]/g, repl); }; })();
+-
+  function ellipsis(str, len) {
+    return ((str || '').substring(0, len || 200) + (((str || '').length > (len || 200)) ? '...' : ''));
+  }
 
 //- add br x n
 mixin nbr(count)