Bug 921222 - Make App Manager disabled buttons look disabled. r=paul, a=lsblakk
authorJ. Ryan Stinnett <jryans@gmail.com>
Fri, 27 Sep 2013 11:36:20 -0500
changeset 160662 9b9076bdd9f5b6560523618535830e8382be82c4
parent 160661 10dce69feec7fdec1cfc11742c4c5f31ea74598a
child 160663 24502fc769cd2fc1640bf3c45d648ab4624a778f
push id2961
push userlsblakk@mozilla.com
push dateMon, 28 Oct 2013 21:59:28 +0000
treeherdermozilla-beta@73ef4f13486f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerspaul, lsblakk
bugs921222
milestone26.0a2
Bug 921222 - Make App Manager disabled buttons look disabled. r=paul, a=lsblakk
browser/themes/shared/devtools/app-manager/device.css
browser/themes/shared/devtools/app-manager/projects.css
--- a/browser/themes/shared/devtools/app-manager/device.css
+++ b/browser/themes/shared/devtools/app-manager/device.css
@@ -80,49 +80,67 @@ button {
   border-radius: 3px;
   border-width: 1px;
 }
 
 .app-buttons > button {
   display: none;
 }
 
+.app-buttons > button[disabled] {
+  background-color: transparent;
+  opacity: 0.4;
+  pointer-events: none;
+}
+
 .app[running="false"] > .app-buttons > .button-start,
 .app[running="true"] > .app-buttons > .button-stop,
 .app[running="true"] > .app-buttons > .button-debug {
   display: inline-block;
 }
 
 .button-debug {
   color: #3498DB;
 }
 
 .button-debug:hover {
   background-color: #3498DB;
   color: #FFF;
 }
 
+.button-debug[disabled] {
+  color: #3498DB;
+}
+
 .button-start {
   color: #18BC9C
 }
 
 .button-start:hover {
   background-color: #18BC9C;
   color: #FFF;
 }
 
+.button-start[disabled] {
+  color: #18BC9C
+}
+
 .button-stop {
   color: #E74C3C;
 }
 
 .button-stop:hover {
   background-color: #E74C3C;
   color: #FFF;
 }
 
+.button-stop[disabled] {
+  color: #E74C3C;
+}
+
 
 
 /*****************     PERMISSIONS     *****************/
 
 
 
 
 .permission-table {
--- a/browser/themes/shared/devtools/app-manager/projects.css
+++ b/browser/themes/shared/devtools/app-manager/projects.css
@@ -340,38 +340,52 @@ strong {
   border: 1px solid #CCC;
   border-left-width: 0;
   padding: 5px 15px;
   cursor: pointer;
   background: rgba(255,255,255,0.4);
   text-transform: uppercase;
 }
 
+.project-buttons > button[disabled] {
+  background-color: transparent;
+  opacity: 0.4;
+  pointer-events: none;
+}
+
 .project-buttons > button:first-child {
   border-left-width: 1px;
 }
 
 .project-button-debug {
   color: #3498DB;
 }
 
 .project-button-debug:hover {
   background-color: #3498DB;
   color: #FFF;
 }
 
+.project-button-debug[disabled] {
+  color: #3498DB;
+}
+
 .project-button-update {
   color: #777;
 }
 
 .project-button-update:hover {
   background-color: #777;
   color: #FFF;
 }
 
+.project-button-update[disabled] {
+  color: #777;
+}
+
 
 
 /********* ERRORS AND WARNINGS ***********/
 
 .project-warnings,
 .project-errors,
 .project-item-warnings,
 .project-item-errors {