Styling for disabled edit button

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 5fc4da8d828146069789ffdbff1b70a201b69e1d..947be58f5ececaae8ce064f2729defe0ef4690fb 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -190,6 +190,21 @@ nav.primary {
   .btn-outline-primary {
     @include button-outline-variant($green, $white);
   }
   .btn-outline-primary {
     @include button-outline-variant($green, $white);
   }

+
+  .disabled {
+    .btn-outline-primary {
+      color: $grey;
+      cursor: default;
+
+      .caret {
+        border-top-color: $grey;
+      }
+
+      &:hover {
+        background-color: lighten($green, 30%);
+      }
+    }
+  }

 }
 
 nav.secondary {
 }
 
 nav.secondary {