Request url tooltip overflow (#1441)

* Fixed test for win32 * Allow for a wide tag + styling to allow breaking of an otherwise unbreakable string * reverted test * added package-lock.json files
Kong · Apr 22, 2019 · 497a708 · 497a708
1 parent cb975f8
commit 497a708
Show file tree

Hide file tree

Showing 9 changed files with 108 additions and 5,013 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/insomnia-app/app/ui/components/tags/url-tag.js b/packages/insomnia-app/app/ui/components/tags/url-tag.js
@@ -26,7 +26,7 @@ class URLTag extends React.PureComponent<Props> {
 
     return (
       <div className={classnames('tag', { 'tag--small': small }, className)}>
-        <Tooltip message={url} position="bottom">
+        <Tooltip wide message={url} position="bottom">
           <strong>{method || 'URL'}</strong> {shortUrl}
         </Tooltip>
       </div>

diff --git a/packages/insomnia-app/app/ui/css/components/tooltip.less b/packages/insomnia-app/app/ui/css/components/tooltip.less
@@ -20,6 +20,7 @@
   text-align: center;
   z-index: 10;
   white-space: normal !important;
+  word-wrap: break-word;
 
   &.tooltip__bubble--visible {
     opacity: 1;