fix: removing of unit picker according to four range mode

Author: Arukuen

src/components/four-range-control/index.js

@@ -305,7 +305,6 @@ const FourRangeControl = memo( props => {
 
 			// Other necessary props for steps.
 			newProps.withInputField = false
-			controlProps.units = false
 		} else {
 			newProps.marks = undefined
 		}
@@ -347,6 +346,18 @@ const FourRangeControl = memo( props => {
 		]
 	}
 
+	// Remove the unit picker if not in mark mode for every four range mode
+	if ( isLocked && ! props.vhMode ) {
+		controlProps.units = isFourMarkMode.first
+			? false : controlProps.units
+	} else if ( isLocked && props.vhMode ) {
+		controlProps.units = isFourMarkMode.top && isFourMarkMode.left
+			? false : controlProps.units
+	} else {
+		controlProps.units = isFourMarkMode.top && isFourMarkMode.right && isFourMarkMode.bottom && isFourMarkMode.left
+			? false : controlProps.units
+	}
+
 	// Create step supports for each side
 	const [ propsToPassFirst, rangeValueFirst, rangeOnChangeFirst ] = stepSupport(
 		isFourMarkMode.first,