Update visibility icons to ensure visual alignment on toggle (#359)

Ensure that the icon doesn't jump around when you toggle it.
kedro-org · Jan 26, 2021 · fb9b791 · fb9b791
1 parent 1985cab
commit fb9b791
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/icons/invisible.js b/src/components/icons/invisible.js
@@ -2,6 +2,6 @@ import React from 'react';
 
 export default ({ className }) => (
   <svg className={className} viewBox="0 0 24 24">
-    <path d="M17.78 6L19 7.22l-1.92 1.92c1.19 1.17 1.92 2.4 1.92 2.84 0 .9-3.13 5.25-7 5.25-.86 0-1.69-.22-2.45-.56l-2.3 2.3-1.23-1.21L17.78 6zm-2.45 4.9l-1.68 1.68c-.18.48-.57.87-1.05 1.04l-1.68 1.69a3.5 3.5 0 004.41-4.41zM12 6.72c.75 0 1.47.16 2.14.43l-1.4 1.4a3.5 3.5 0 00-4.17 4.17L6.71 14.6C5.64 13.51 5 12.4 5 11.98c0-.93 3.13-5.25 7-5.25z" />
+    <path d="M17.97 5.3L19 6.33l-2 2.01c1.24 1.23 2 2.53 2 3 0 .95-3.36 5.62-7.5 5.62-.9 0-1.76-.22-2.55-.57L6.33 19 5.3 17.97 17.97 5.3zm-2.88 4.94l-1.9 1.9c-.18.39-.5.7-.88.88l-1.9 1.9a3.74 3.74 0 004.84-3.59c0-.38-.06-.74-.16-1.09zM11.5 5.71c1 0 1.95.27 2.83.7l-1.45 1.44a3.74 3.74 0 00-4.87 4.86l-1.8 1.81C4.83 13.24 4 11.82 4 11.33c0-1 3.36-5.63 7.5-5.63zm-.24 3.76L9.64 11.1c.11-.84.77-1.5 1.61-1.62z" />
   </svg>
 );
diff --git a/src/components/icons/visible.js b/src/components/icons/visible.js
@@ -2,6 +2,6 @@ import React from 'react';
 
 export default ({ className }) => (
   <svg className={className} viewBox="0 0 24 24">
-    <path d="M11.5 5.706c4.142 0 7.5 4.662 7.5 5.625s-3.358 5.625-7.5 5.625S4 12.324 4 11.331s3.358-5.625 7.5-5.625zm0 1.875a3.75 3.75 0 100 7.5 3.75 3.75 0 000-7.5zm0 1.875a1.875 1.875 0 110 3.75 1.875 1.875 0 010-3.75z" />
+    <path d="M11.5 5.706c4.142 0 7.5 4.662 7.5 5.625 0 .963-3.358 5.625-7.5 5.625-4.142 0-7.5-4.632-7.5-5.625 0-.993 3.358-5.625 7.5-5.625zm0 1.875a3.75 3.75 0 100 7.5 3.75 3.75 0 000-7.5zm0 1.875a1.875 1.875 0 110 3.75 1.875 1.875 0 010-3.75z" />
   </svg>
 );