From a3e83f2f70300dbbe4825093f827f0f4111cfd72 Mon Sep 17 00:00:00 2001
From: Maikel Linke <maikel@email.org.au>
Date: Wed, 7 Oct 2020 16:55:24 +1100
Subject: [PATCH] Grey out disabled bulk quantity buttons

Since they are further away from each other, the colour difference has
to be stronger to be recognised.
---
 app/assets/stylesheets/darkswarm/_shop-inputs.scss | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/darkswarm/_shop-inputs.scss b/app/assets/stylesheets/darkswarm/_shop-inputs.scss
index f098484669..87e4274951 100644
--- a/app/assets/stylesheets/darkswarm/_shop-inputs.scss
+++ b/app/assets/stylesheets/darkswarm/_shop-inputs.scss
@@ -83,7 +83,15 @@ button.bulk-buy.variant-quantity {
 }
 
 button.bulk-buy-add.variant-quantity {
-  width: 2.5rem
+  width: 2.5rem;
+
+  &[disabled] {
+    background-color: $grey-400;
+
+    &:hover, &:focus {
+      background-color: $grey-400;
+    }
+  }
 }
 
 span.bulk-buy.variant-quantity {