From ccd2076a20ec963563b780b4468a38ce735db1b4 Mon Sep 17 00:00:00 2001
From: Benedict Aas <x+g@shou.io>
Date: Wed, 30 Nov 2016 15:06:41 +0000
Subject: [PATCH] fix(GUI): show not-allowed cursor over unselectable drives
 (#886)

The cursor is incorrectly a pointer on hover over a disabled and
unselectable drive in the drive selector widget. This patch changes the
cursor to `not-allowed`, providing the user with visual feedback that it is
not selectable.

Fixes: https://github.com/resin-io/etcher/issues/865
Change-Type: patch
Changelog-Entry: Use not-allowed cursor over disabled drives in the
drive selector widget.
---
 build/css/main.css                                            | 3 +++
 lib/gui/components/drive-selector/styles/_drive-selector.scss | 4 ++++
 2 files changed, 7 insertions(+)

diff --git a/build/css/main.css b/build/css/main.css
index 0aeefa0e..89decaff 100644
--- a/build/css/main.css
+++ b/build/css/main.css
@@ -6407,6 +6407,9 @@ body {
   width: 300px;
   height: 320px; }
 
+.modal-drive-selector-modal .list-group-item[disabled] {
+  cursor: not-allowed; }
+
 .component-drive-selector-body .list-group-item-footer {
   margin-top: 8px; }
 
diff --git a/lib/gui/components/drive-selector/styles/_drive-selector.scss b/lib/gui/components/drive-selector/styles/_drive-selector.scss
index bde65672..0ba48c72 100644
--- a/lib/gui/components/drive-selector/styles/_drive-selector.scss
+++ b/lib/gui/components/drive-selector/styles/_drive-selector.scss
@@ -19,6 +19,10 @@
   height: 320px;
 }
 
+.modal-drive-selector-modal .list-group-item[disabled] {
+  cursor: not-allowed;
+}
+
 .component-drive-selector-body {
 
   .list-group-item-footer {