fix (color schemes): added back missing pro notice

Author: [email protected]

src/components/pro-control-button/index.js

@@ -24,7 +24,7 @@ const ProControlButton = props => {
 	} )
 
 	return (
-		<div className="components-base-control">
+		<div className="components-base-control ugb-pro-control-button">
 			<button className="ugb-pro-control-more-dots" onClick={ () => setIsOpen( v => ! v ) }>
 				<div className="ugb-pro-control-more-dots__dot stk-pulsating-circle"></div>
 				<div className="ugb-pro-control-more-dots__dot stk-pulsating-circle"></div>

src/plugins/global-settings/color-schemes/editor.scss

@@ -6,6 +6,10 @@
 	}
 }
 
+.ugb-global-settings-color-picker + .ugb-pro-control-button {
+	margin-bottom: 16px;
+}
+
 .stk-global-color-scheme__color-scheme-item.block-editor-panel-color-gradient-settings__dropdown {
 	height: max-content;
 	padding: 0 8px 0 0;

src/plugins/global-settings/color-schemes/index.js

@@ -8,10 +8,11 @@ import ColorSchemePicker from './color-scheme-picker'
 /**
  * External dependencies
  */
-import { i18n } from 'stackable'
+import { i18n, showProNotice } from 'stackable'
 import {
 	PanelAdvancedSettings, HelpTooltip,
 	AdvancedSelectControl, SectionSettings,
+	ProControlButton,
 } from '~stackable/components'
 import { useBlockColorSchemes } from '~stackable/hooks'
 
@@ -96,6 +97,7 @@ addFilter( 'stackable.global-settings.inspector', 'stackable/global-color-scheme
 					setItemInEdit={ setItemInEdit }
 					setDisplayHoverNotice={ setDisplayHoverNotice }
 				/>
+				{ ! itemInEdit && showProNotice && <ProControlButton type="color-schemes" /> }
 				{ ! itemInEdit && <>
 					<SectionSettings title={ __( 'Default Block Colors', i18n ) }>
 						<AdvancedSelectControl