Skip to content

Commit 174f481

Browse files
committed
refactor: indentation fix
1 parent 26e1d2f commit 174f481

File tree

1 file changed

+11
-8
lines changed

1 file changed

+11
-8
lines changed

docs/07-Pro Features/01-live-preview-edit.md

Lines changed: 11 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -58,23 +58,26 @@ The Tool Box displays different options depending on the selected element type.
5858
- **Select Parent** *(up-arrow icon)*: Selects the parent of the currently selected element.
5959
*This button appears only when a valid parent exists (it is not shown when the parent is `body`, `html`, or a JavaScript-rendered element).*
6060

61-
- **Edit Text** *(pencil icon)*: Opens inline text editing for the selected element. You can edit text directly in the Live Preview, and Phoenix Code automatically updates the source code. See the [Inline Text Editing](#inline-text-editing) section for more details.
61+
- **Edit Text** *(pencil icon)*: Opens inline text editing for the selected element. You can edit text directly in the Live Preview, and Phoenix Code automatically updates the source code.
62+
See the [Inline Text Editing](#inline-text-editing) section for more details.
6263
*This button appears only for elements that can contain text (it is not available for `<img>`, `<video>`, `<br>`, etc.).*
6364

64-
- **Edit Hyperlink** *(link icon)*: Opens a floating input box that lets you edit the elements `href` attribute.
65+
- **Edit Hyperlink** *(link icon)*: Opens a floating input box that lets you edit the element's `href` attribute.
6566
*This button appears only for `<a>` elements.*
6667

67-
- **Image Gallery** *(image icon)*: Opens an image gallery at the bottom of the Live Preview, where you can browse and select an image. You can also choose an image from your computer. Phoenix Code automatically saves the image to your project folder and updates the src attribute of the element.
68-
*This button appears only for `<img>` elements.* See [Image Gallery](./02-image-gallery.md) for more details.
68+
- **Image Gallery** *(image icon)*: Opens an image gallery at the bottom of the Live Preview, where you can browse and select an image. You can also choose an image from your computer. Phoenix Code automatically saves the image to your project folder and updates the src attribute of the element.
69+
See [Image Gallery](./02-image-gallery.md) for more details.
70+
*This button appears only for `<img>` elements.*
6971

70-
- **Duplicate** *(copy icon)*: Copies the selected element and places it below. You can also duplicate elements using `Ctrl/Cmd + D` after clicking an element.
72+
- **Duplicate** *(copy icon)*: Copies the selected element and places it below. You can also duplicate elements using `Ctrl/Cmd + D` after clicking an element.
7173
*This option is available for all elements.*
7274

73-
- **Delete** *(trash icon)*: Deletes the selected element. You can also delete elements using the `Delete` key after clicking an element.
75+
- **Delete** *(trash icon)*: Deletes the selected element. You can also delete elements using the `Delete` key after clicking an element.
7476
*This option is available for all elements.*
7577

76-
- **More Options** *(three-dots icon)*: Opens a menu with additional actions.
77-
*This option is available for all elements.* See [Cut, Copy, and Paste](#cut-copy-and-paste) and [Measurements](./03-measurements.md) for more details.
78+
- **More Options** *(three-dots icon)*: Opens a menu with additional actions.
79+
See [Cut, Copy, and Paste](#cut-copy-and-paste) and [Measurements](./03-measurements.md) for more details.
80+
*This option is available for all elements.*
7881

7982
> The Tool Box is never shown for non-editable elements that are dynamically created by JavaScript.
8083

0 commit comments

Comments
 (0)