Change the labels of the expand nested fields button and add styles for the development canvas.

deletidev · deletidev · commit 46868745effc · 2024-06-20T17:09:09.000+02:00
diff --git a/src/pods/canvas/components/canvas-accessible/canvas-accessible.pod.module.css b/src/pods/canvas/components/canvas-accessible/canvas-accessible.pod.module.css
@@ -5,7 +5,9 @@
   /* only for see the content while developing */
   /* 
   z-index: 1;
-  background-color: rgba(0, 0, 0, 0.908); */
+  background-color: rgba(0, 0, 0, 0.908);
+  text-align: left;
+  padding-left: 2rem; */
   /* comment for show accessibility canvas*/
   width: 1px;
   height: 1px;
diff --git a/src/pods/edit-table/components/field.tsx b/src/pods/edit-table/components/field.tsx
@@ -134,8 +134,8 @@ export const Field: React.FC<Props> = props => {
                 onClick={() => toggleExpand(field.id)}
                 aria-label={
                   expandedFields.has(field.id)
-                    ? 'contract nested fields'
-                    : 'expand nested fields'
+                    ? `collapse nested fields of "${field.name}"`
+                    : `expand nested fields of "${field.name}"`
                 }
               >
                 {expandedFields.has(field.id) ? (

Original file line number	Diff line number	Diff line change
`@@ -134,8 +134,8 @@ export const Field: React.FC<Props> = props => {`
`134`	`134`	`onClick={() => toggleExpand(field.id)}`
`135`	`135`	`aria-label={`
`136`	`136`	`expandedFields.has(field.id)`
`137`		`- ? 'contract nested fields'`
`138`		`- : 'expand nested fields'`
	`137`	+ ? `collapse nested fields of "${field.name}"`
	`138`	+ : `expand nested fields of "${field.name}"`
`139`	`139`	`}`
`140`	`140`	`>`
`141`	`141`	`{expandedFields.has(field.id) ? (`