[filemanager] More clear disabled state in action choice dialog.

BUG=160882
TEST=manual

Review URL: https://chromiumcodereview.appspot.com/11299106

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@169019 0039d316-1c4b-4281-b951-d872f2087c98

2 files changed, 7 insertions, 0 deletions

diff --git a/chrome/browser/resources/file_manager/css/action_choice.css b/chrome/browser/resources/file_manager/css/action_choice.css
index 23ef1af..ea0d5a6 100644
--- a/chrome/browser/resources/file_manager/css/action_choice.css
+++ b/chrome/browser/resources/file_manager/css/action_choice.css
@@ -152,6 +152,10 @@ button:focus {
     url('../images/media/2x/watch.png') 2x);
 }
 
+.choices div[disabled] label {
+  opacity: 0.5;
+}
+
 .footer {
   -webkit-box-orient: horizontal;
   -webkit-box-pack: end;
diff --git a/chrome/browser/resources/file_manager/js/action_choice.js b/chrome/browser/resources/file_manager/js/action_choice.js
index a276f87..f69b76d 100644
--- a/chrome/browser/resources/file_manager/js/action_choice.js
+++ b/chrome/browser/resources/file_manager/js/action_choice.js
@@ -95,10 +95,13 @@ ActionChoice.prototype.initDom_ = function() {
 ActionChoice.prototype.checkDrive_ = function() {
   var driveLabel = this.dom_.querySelector('label[for=import-photos-to-drive]');
   var driveChoice = this.dom_.querySelector('#import-photos-to-drive');
+  var driveDiv = driveChoice.parentNode;
   driveChoice.disabled = true;
+  driveDiv.setAttribute('disabled', '');
 
   var onMounted = function() {
     driveChoice.disabled = false;
+    driveDiv.removeAttribute('disabled');
     driveLabel.textContent =
         loadTimeData.getString('ACTION_CHOICE_PHOTOS_DRIVE');
   };