Colored buttons

abelousov · Jan 31, 2014 · e0bae28 · e0bae28
1 parent f7aae25
commit e0bae28
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 31 deletions.
diff --git a/wrike.com/approve.coffee b/wrike.com/approve.coffee
@@ -49,7 +49,7 @@
             toolbarSelector: '.wspace-task-settings-bar'
             taistToolbarId: 'wrike-taist-toolbar'
             buttonTemplate: '<a class="wspace-task-settings-button"></a>'
-            buttonHighlightClass: 'x-btn-over'
+            buttonHighlightClass: 'taist-wrike-x-btn-over'
         }
     }
 
@@ -136,9 +136,11 @@
 
                 for buttonTitle, nextState of states[@state].triggers
                     do(buttonTitle, nextState) =>
+                        idSuffix = buttonTitle.toLowerCase().replace(/\s/g, '-')
                         button = $(cfg.buttonTemplate)
                         button.text buttonTitle
                         button.hover mOver, mOut
+                        button.attr 'id', 'taist-wrike-approval-' + idSuffix
                         button.on 'click', =>
                             @toolbar.empty()
                             @applyState nextState

diff --git a/wrike.com/approve.css b/wrike.com/approve.css
@@ -0,0 +1,18 @@
+#taist-wrike-approval-send-for-approval {
+    background-color: #8686E8;
+    text-shadow: none;
+}
+
+#taist-wrike-approval-approve {
+    background-color: #86E886;
+    text-shadow: none;
+}
+
+#taist-wrike-approval-decline {
+    background-color: #E88686;
+    text-shadow: none;
+}
+
+.taist-wrike-x-btn-over {
+    opacity: 0.5
+}
diff --git a/wrike.com/approve.js b/wrike.com/approve.js