Plugins: Updated the curser pointer in the toggles to not display the…

… as pointers when toggles are disabled
Automattic · Dec 21, 2015 · 8252efc · 8252efc
1 parent 13e2dc4
commit 8252efc
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/client/components/forms/form-toggle/style.scss b/client/components/forms/form-toggle/style.scss
@@ -49,6 +49,10 @@
 
 .form-toggle__label {
 	cursor: pointer;
+
+	.is-disabled & {
+		cursor: default;
+	}
 }
 
 .form-toggle {

diff --git a/client/my-sites/plugins/plugin-action/plugin-action.jsx b/client/my-sites/plugins/plugin-action/plugin-action.jsx
@@ -90,7 +90,7 @@ module.exports = React.createClass( {
 
 	render: function() {
 		return (
-			<div className={ classNames( 'plugin-action', { 'is-disabled': this.props.disabled }, this.props.className ) }>
+			<div className={ classNames( 'plugin-action', { 'is-disabled': this.props.disabled, 'has-disabled-info': !! this.props.disabledInfo }, this.props.className ) }>
 				{ this.renderInner() }
 			</div>
 		);

diff --git a/client/my-sites/plugins/plugin-action/style.scss b/client/my-sites/plugins/plugin-action/style.scss
@@ -33,6 +33,11 @@
 
 	.is-disabled & {
 		color: lighten( $gray, 30% );
+		cursor: default;
+	}
+
+	.has-disabled-info & {
+		cursor: pointer;
 	}
 }