You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/07-Pro Features/02-edit-mode-live-preview.md
+7-3Lines changed: 7 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -20,7 +20,7 @@ import VideoPlayer from '@site/src/components/Video/player';
20
20
21
21
## Enabling Edit Mode
22
22
23
-
To switch to Edit Mode, click the **mode selector dropdown**in the Live Preview toolbar and select **Edit Mode**.
23
+
To switch to Edit Mode, click the **chevron icon** next to the **Preview Mode** button *(pen icon)*in the Live Preview toolbar, then select **Edit Mode**.
@@ -104,7 +104,7 @@ The Hover Box helps you quickly identify elements as you move your cursor over t
104
104
105
105
By default, in Edit Mode, hovering over elements in the Live Preview highlights them and displays the [Hover Box](#hover-box). You can change this behavior to show highlights only when you click elements instead.
106
106
107
-
To toggle this setting, click the **mode selector dropdown** in the Live Preview toolbar and unselect **Inspect Element on Hover**. By default, this option remains checked.
107
+
To toggle this setting, click the **chevron icon** next to the **Preview Mode** button *(pen icon)* in the Live Preview toolbar and unselect **Inspect Element on Hover**. By default, this option remains checked.
108
108
109
109
<!-- Add an image here showing the Inspect Element on Hover option in the mode selector dropdown -->
110
110
@@ -303,7 +303,11 @@ These shortcuts work for all Edit Mode operations, including text edits, element
303
303
304
304
## Quick Preview Toggle
305
305
306
-
A **Quick Preview Toggle** button is available at the top center of the Live Preview. It lets you quickly switch to Preview Mode and back to the previously selected mode (Highlight Mode or Edit Mode). This is especially useful when working with a popped-out Live Preview window. You can also use the `F8` keyboard shortcut to toggle Preview Mode.
306
+
:::note
307
+
The Quick Preview Toggle button is available only in the popped-out Live Preview window.
308
+
:::
309
+
310
+
A **Quick Preview Toggle** button is available at the top center of the popped-out Live Preview window. It lets you quickly switch to Preview Mode and back to the previously selected mode (Highlight Mode or Edit Mode). You can also use the `F8` keyboard shortcut to toggle Preview Mode.
0 commit comments