wip: properties panel css dim commit+revert when not active

Author: olzzon

packages/webui/src/client/styles/propertiesPanel.scss

@@ -90,6 +90,16 @@
 					top: 2px;
 				}
 
+				&:disabled {
+					cursor: not-allowed;
+					opacity: 0.3;
+			
+					&:active {
+						transform: none;
+						top: 0;
+					}
+				}
+
 				> svg {
 					margin-top: -0.1em;
 					vertical-align: middle;
@@ -156,19 +166,25 @@
 			> .propertiespanel-pop-up__action {
 				margin-top: 15px;
 				color: #ddd;
-				padding: 4px;
+				padding: 4px 4px;
 			}
 
 			> .properties-panel-pop-up__form {
 				margin-top: 15px;
 				color: #ddd;
-				padding: 4px;
+				padding: 4px 4px;
+
+				> .properties-panel-pop-up__form__schema {
+					border-color: pink;
+					border-width: 0px;
+
+				}
 			}
 
 			> .properties-panel-pop-up__has-been-edited {
-				background-color: #8a2929c0;
+				background-color: #ba0b9d24;
 				border-radius: 8px;
-				padding: 4px
+				padding: 4px 4px;
 			}
 
 

packages/webui/src/client/ui/UserEditOperations/PropertiesPanel.tsx

@@ -255,7 +255,11 @@ export function PropertiesPanel(): JSX.Element {
 					</>
 				)}
 				<div className="propertiespanel-pop-up__footer">
-					<button className="propertiespanel-pop-up__button" onClick={handleRevertChanges}>
+					<button
+						className="propertiespanel-pop-up__button"
+						onClick={handleRevertChanges}
+						disabled={!hasPendingChanges}
+					>
 						<span className="propertiespanel-pop-up__label">REVERT CHANGES</span>
 					</button>
 					<button
@@ -501,6 +505,8 @@ function EditingTypeChangeSourceLayerSource(props: {
 						</button>
 					)
 				})}
+				<br />
+				<br />
 			</div>
 			{selectedGroupSchema && (
 				<div
@@ -509,9 +515,13 @@ function EditingTypeChangeSourceLayerSource(props: {
 						hasBeenEdited ? 'properties-panel-pop-up__has-been-edited' : ''
 					)}
 				>
-					<a className="propertiespanel-pop-up__label">{t('Source')}:</a>
-					<br />
-					<div onChange={handleSourceChange}>
+					<div
+						className={classNames(
+							'properties-panel-pop-up__form__schema',
+							hasBeenEdited ? 'properties-panel-pop-up__has-been-edited' : ''
+						)}
+						onChange={handleSourceChange}
+					>
 						<SchemaFormInPlace
 							schema={selectedGroupSchema}
 							object={selectedValues}