property editor readonly style

TODO.todo

@@ -46,6 +46,7 @@ BASIC:
 		[ ] undo / redo
 		[ ] hide gizmos
 		[ ] toggle enabled
+		[ ] status bar
 
 ======================================================
 
@@ -72,9 +73,18 @@ ADVANCED:
 		[ ] custom property editors for PIXI/Phaser common types
 			[ ] Rectangle
 			[ ] Matrix
-		[ ] custom property editors for special fields
-			[ ] key
-			[ ] frame
+			[ ] color
+			[ ] enumerators
+		[ ] custom property editors for specific Phaser/PIXI types
+			[ ] PIXI.Sprite / Phaser.Sprite / Phaser.Image
+				[ ] key
+				[ ] frame
+				[ ] etc
+			[ ] Phaser.Graphics
+				[ ] fillAlpha
+				[ ] fillColor
+				[ ] etc
+			[ ] show them separated from the basic properties
 		[ ] optimization: shold I create a object pool for PropertyEditors?
 
 	Tree:

src/editor/properties-editors.ts

@@ -35,6 +35,7 @@ class PropertiesEditorsClass {
 		{ name: 'anchor', typeHint: 'point', data: { step: 0.1 } },
 		{ name: 'alpha', typeHint: 'number', data: { min: 0, max: 1, step: 0.1 } },
 		{ name: 'visible', typeHint: 'boolean' },
+		{ name: 'angle', typeHint: 'number', data: { readonly: true } },
 	];
 
 	public findEditorFor(value: any, data: PropertyInspectionData) {

src/editor/properties/editors/property-editor.scss

@@ -28,7 +28,7 @@ $property-foreground: $on-background-color;
 			overflow: hidden;
 			display: inline-block;
 			width: 100%;
-			padding: 0 6px;
+			padding: 2px 6px;
 		}
 	}
 
@@ -43,6 +43,10 @@ $property-foreground: $on-background-color;
 			color: $property-foreground;
 			padding: 2px 4px;
 			transition: all 0.1s;
+
+			&[readonly] {
+				color: rgba($property-foreground, 0.5);
+			}
 		}
 
 		input[type='text'],