set max-width to link tooltip. Fixed some minor css problems.

Fixes liferay#91
ambrinchaudhary · Jan 29, 2015 · 3b17be6 · 3b17be6
1 parent 84d7de9
commit 3b17be6
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/src/ui/yui/src/assets/css/alloy-editor-core.css b/src/ui/yui/src/assets/css/alloy-editor-core.css
@@ -16,6 +16,7 @@
   outline: none;
   padding: 0;
   width: 24px;
+  filter: none;
 }
 .alloy-editor-toolbar .alloy-editor-button:last-child {
   margin-right: 0;
@@ -34,6 +35,7 @@
 .alloy-editor-toolbar-styles .link-wrapper .input-container input {
   outline: none;
   width: 162px;
+  padding-right: 10px;
 }
 .alloy-editor-toolbar-styles .link-wrapper .input-container input::-ms-clear {
   display: none;
@@ -63,13 +65,18 @@
 }
 
 .alloy-editor-tooltip-link .link-container .icon-link-container {
-  margin: 0 5px 0 5px;
-  vertical-align: text-top;
+  margin: 0 5px;
+  position: relative;
+  top: -2px;
 }
 .alloy-editor-tooltip-link .link-container .link-preview {
   display: inline-block;
   padding: 4px;
   outline: none;
+  max-width: 25em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .alloy-editor-placeholder:empty:not(:focus):before {

diff --git a/src/ui/yui/src/assets/sass/alloy-editor-core.scss b/src/ui/yui/src/assets/sass/alloy-editor-core.scss
@@ -16,6 +16,7 @@
         outline: none;
         padding: 0;
         width: 24px;
+        filter: none;
 
         &:last-child {
             margin-right: 0;
@@ -40,6 +41,7 @@
             input {
                 outline: none;
                 width: 162px;
+                padding-right: 10px;
             }
 
             input::-ms-clear {
@@ -81,14 +83,20 @@
 .alloy-editor-tooltip-link {
     .link-container {
         .icon-link-container {
-            margin: 0 5px 0 5px;
-            vertical-align: text-top;
+            margin: 0 5px;
+            position: relative;
+            top: -2px;
         }
 
         .link-preview {
             display: inline-block;
             padding: 4px;
             outline: none;
+
+            max-width: 25em;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
         }
     }
 }