From 36d22d82aa202bb199967e9512281e9a53db42c9 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Sun, 7 Apr 2024 21:33:14 +0200 Subject: Adding upstream version 115.7.0esr. Signed-off-by: Daniel Baumann --- .../how_to/reposition_elements_in_the_page/index.rst | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 devtools/docs/user/page_inspector/how_to/reposition_elements_in_the_page/index.rst (limited to 'devtools/docs/user/page_inspector/how_to/reposition_elements_in_the_page/index.rst') diff --git a/devtools/docs/user/page_inspector/how_to/reposition_elements_in_the_page/index.rst b/devtools/docs/user/page_inspector/how_to/reposition_elements_in_the_page/index.rst new file mode 100644 index 0000000000..80c3af6910 --- /dev/null +++ b/devtools/docs/user/page_inspector/how_to/reposition_elements_in_the_page/index.rst @@ -0,0 +1,20 @@ +=============================== +Reposition elements in the page +=============================== + +Starting in Firefox 48 you can move absolutely positioned elements by dragging them around the page. + +If an element has its `position `_ property set to ``absolute``, ``relative`` or ``fixed`` and one or more of the `top `_, `bottom `_ , `left `_ or `right `_ properties, :ref:`Box Model view ` displays a button: + +.. image:: box-model-reposition.png + :class: center + +If you click that button, two handles appear next to the element: + +.. image:: in-content-box-model-editing.png + :alt: Example for changing the position of an element within the content + :class: center + +You can use these handles to drag the element around the page. + +If the element is absolutely positioned, dashed lines are shown representing the offset parent. For relatively positioned elements the dashed lines indicate the original position of the node. The offsets are indicated by a line and a tooltip for each side. -- cgit v1.2.3