fixed bug when selector is disabled

picasso · Feb 9, 2022 · d9e195f · d9e195f
1 parent 94a7e1c
commit d9e195f
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 10 deletions.
diff --git a/admin/css/zutranslate-blocks.css b/admin/css/zutranslate-blocks.css
diff --git a/admin/js/zutranslate-blocks.min.js b/admin/js/zutranslate-blocks.min.js
diff --git a/sass/zutranslate-blocks.scss b/sass/zutranslate-blocks.scss
@@ -127,13 +127,17 @@ $copy-control-flashing-end-color: $red-color;
 	}
 	&__lang {
 		color: $zutranslate-copy-selected-text-color;
-		&:hover {
+		&:hover:not(:disabled) {
 			background-color: rgba($zutranslate-copy-selected-text-color, 0.05);
 			color: $zutranslate-copy-selected-text-color;
 		}
 		&:focus:not(:disabled) {
 			box-shadow: 0 0 0 1px rgba($zutranslate-copy-selected-text-color, 0.3) !important;
 		}
+		&:disabled, &[aria-disabled="true"] {
+			color: $zutranslate-copy-selected-text-color;
+			opacity: 0.5;
+		}
 	}
 	.components-button[aria-expanded="true"] {
 		color: $zutranslate-copy-selected-text-color;

diff --git a/scripts/admin/components/copy-control.js b/scripts/admin/components/copy-control.js
@@ -101,7 +101,6 @@ const CopyControl = ({
 		<>
 			<div className={ copyPrefix }>
 				<Button
-					disabled={ isDisabled }
 					className={  mergeClasses(`${copyPrefix}__action`, { 'is-flashing': isFlashing }) }
 					onClick={ () => copyValue(toLang) }
 				>
@@ -126,10 +125,7 @@ const CopyControl = ({
 							position={ "bottom right" }
 							onFocusOutside={ closeOutside }
 						>
-							<NavigableMenu
-								// ref={ menuContainer }
-								onKeyDown={ onEscape }
-							>
+							<NavigableMenu onKeyDown={ onEscape }> 
 								{ menuItems }
 							</NavigableMenu>
 						</Popover>