Add not-allowed cursor style to disabled inputs

alphagov · Feb 13, 2023 · 1f98862 · 1f98862
1 parent 021f0c3
commit 1f98862
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 3 deletions.
diff --git a/src/govuk/components/button/_index.scss b/src/govuk/components/button/_index.scss
@@ -173,7 +173,7 @@ $govuk-button-text-colour: govuk-colour("white") !default;
 
     &:hover {
       background-color: $govuk-button-colour;
-      cursor: default;
+      cursor: not-allowed;
     }
 
     &:active {

diff --git a/src/govuk/components/checkboxes/_index.scss b/src/govuk/components/checkboxes/_index.scss
@@ -147,7 +147,7 @@
   // Disabled state
   .govuk-checkboxes__input:disabled,
   .govuk-checkboxes__input:disabled + .govuk-checkboxes__label {
-    cursor: default;
+    cursor: not-allowed;
   }
 
   .govuk-checkboxes__input:disabled + .govuk-checkboxes__label,

diff --git a/src/govuk/components/file-upload/_index.scss b/src/govuk/components/file-upload/_index.scss
@@ -49,6 +49,7 @@
 
     &:disabled {
       opacity: .5;
+      cursor: not-allowed;
     }
   }
 }
diff --git a/src/govuk/components/input/_index.scss b/src/govuk/components/input/_index.scss
@@ -44,6 +44,7 @@
       opacity: .5;
       color: inherit;
       background-color: transparent;
+      cursor: not-allowed;
     }
   }
 

diff --git a/src/govuk/components/radios/_index.scss b/src/govuk/components/radios/_index.scss
@@ -145,7 +145,7 @@
   // Disabled state
   .govuk-radios__input:disabled,
   .govuk-radios__input:disabled + .govuk-radios__label {
-    cursor: default;
+    cursor: not-allowed;
   }
 
   .govuk-radios__input:disabled + .govuk-radios__label,

diff --git a/src/govuk/components/select/_index.scss b/src/govuk/components/select/_index.scss
@@ -45,6 +45,7 @@
     &:disabled {
       opacity: .5;
       color: inherit;
+      cursor: not-allowed;
     }
   }
 

diff --git a/src/govuk/components/textarea/_index.scss b/src/govuk/components/textarea/_index.scss
@@ -40,6 +40,7 @@
       opacity: .5;
       color: inherit;
       background-color: transparent;
+      cursor: not-allowed;
     }
   }