Change the labels of the expand nested fields button and add styles f…

…or the development canvas.
Lemoncode · Jun 20, 2024 · 4686874 · 4686874
1 parent b2889e2
commit 4686874
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
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) ? (