Make button for adding link accessible - WIP

Fixes #57
liferay · Oct 16, 2014 · 15fa37e · 15fa37e
1 parent 590dac9
commit 15fa37e
Show file tree

Hide file tree

Showing 4 changed files with 210 additions and 111 deletions.
diff --git a/src/core/debounce.js b/src/core/debounce.js
@@ -29,7 +29,19 @@
                 calArgs;
 
             callContext = context || this;
-            calArgs = args || arguments;
+
+            //var callerArgs = [arguments];
+            // try {
+
+            var result = [],
+                len,
+                startIndex = 0;
+
+            for (len = arguments.length; startIndex < len; ++startIndex) {
+                result.push(arguments[startIndex]);
+            }
+
+            calArgs = result.concat(args || []);
 
             clearTimeout(debounceHandle);
 

diff --git a/src/ui/yui/src/assets/css/skin/dark/alloy-editor-skin.css b/src/ui/yui/src/assets/css/skin/dark/alloy-editor-skin.css
@@ -72,21 +72,22 @@
 .alloy-editor-toolbar .alloy-editor-button:hover, .alloy-editor-toolbar .alloy-editor-button:focus {
   background-image: none;
   color: #44b6e0;
+  border: 1px solid red;
 }
-/* line 39, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 40, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar .alloy-editor-button.yui3-button-selected, .alloy-editor-toolbar .alloy-editor-button.yui3-button-active, .alloy-editor-toolbar .alloy-editor-button.yui3-button:active {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   background-color: #2f323d;
   color: #44b6e0;
 }
-/* line 46, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 47, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar .alloy-editor-button.yui3-button-selected:hover, .alloy-editor-toolbar .alloy-editor-button.yui3-button-active:hover, .alloy-editor-toolbar .alloy-editor-button.yui3-button:active:hover {
   background-color: #2f323d;
 }
 
-/* line 54, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 55, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar-styles .link-wrapper {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
@@ -97,26 +98,26 @@
   height: 40px;
   margin-left: 5px;
 }
-/* line 60, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 61, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar-styles .link-wrapper input {
   border: none;
 }
-/* line 64, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 65, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar-styles .link-wrapper .input-container {
   background-color: #fff;
   color: #2f232d;
   margin: 4px;
   padding: 5px;
 }
-/* line 70, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 71, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar-styles .link-wrapper .input-container .input-clear {
   color: #b1b1b1;
 }
-/* line 76, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 77, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar-styles .link-wrapper .input-close-container .close-link {
   color: #27be0e;
 }
-/* line 79, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 80, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar-styles .link-wrapper .input-close-container .close-link.yui3-button[disabled], .alloy-editor-toolbar-styles .link-wrapper .input-close-container .close-link.yui3-button-disabled {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -125,13 +126,13 @@
   opacity: 1;
 }
 
-/* line 89, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 90, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar-add-trigger {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
 }
-/* line 92, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 93, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-toolbar-add-trigger .alloy-editor-button {
   -webkit-border-radius: 13px;
   -moz-border-radius: 13px;
@@ -143,7 +144,7 @@
   width: 26px;
 }
 
-/* line 101, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 102, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-tooltip-link {
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
@@ -155,16 +156,16 @@
   background-color: #2f323d;
   padding: 2px 4px;
 }
-/* line 107, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 108, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-tooltip-link .link-container {
   color: #fff;
 }
-/* line 110, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 111, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-tooltip-link .link-container .link-preview {
   color: #fff;
 }
 
-/* line 116, ../../../sass/skin/dark/alloy-editor-skin.scss */
+/* line 117, ../../../sass/skin/dark/alloy-editor-skin.scss */
 .alloy-editor-placeholder:empty:not(:focus) {
   background-color: #ffffe0;
 }
diff --git a/src/ui/yui/src/assets/sass/skin/dark/alloy-editor-skin.scss b/src/ui/yui/src/assets/sass/skin/dark/alloy-editor-skin.scss
@@ -34,6 +34,7 @@ $prefixes: ("-webkit-", "-moz-", "-o-", "");
         &:hover, &:focus {
             background-image: none;
             color: #44b6e0;
+            border: 1px solid red;
         }
 
         &.yui3-button-selected, &.yui3-button-active, &.yui3-button:active {