Commit 64d5fed3 authored by Lina Wolf's avatar Lina Wolf Committed by Lina Wolf
Browse files

[DOCS] Document styling of current page in fluid_styled_content menu content elements

Document in the extensions manual

Resolves: #97404
Releases: main

Change-Id: If241f826fcc8972877eb9b4f6c7281a814b65ef9

Tested-by: Björn Jacob's avatarBjörn Jacob <>
Tested-by: core-ci's avatarcore-ci <>
Tested-by: default avatarAnnett Jähnichen <>
Tested-by: Jonas Eberle's avatarJonas Eberle <>
Tested-by: Benni Mack's avatarBenni Mack <>
Tested-by: Stefan Bürk's avatarStefan Bürk <>
Tested-by: Lina Wolf's avatarLina Wolf <>
Reviewed-by: Björn Jacob's avatarBjörn Jacob <>
Reviewed-by: Jonas Eberle's avatarJonas Eberle <>
Reviewed-by: Benni Mack's avatarBenni Mack <>
Reviewed-by: Stefan Bürk's avatarStefan Bürk <>
Reviewed-by: Lina Wolf's avatarLina Wolf <>
parent 7be9318b
......@@ -67,3 +67,30 @@ shown.
In case no pages are selected, the menu will be rendered from the
current page where the menu is put on.
Styling of the current page in a menu
.. versionadded:: 12.0
All menu content elements related to page navigation reflect the "current"
state of a page now.
If the current page is displayed within a menu the aria attribute
:html:`aria-current="page"` is added to the a-tag of a menu-item.
For styling with CSS the attribute of the link can be used:
.. code-block:: css
:caption: EXT:site_package/Public/Css/menu.css
[aria-current="page"] {
/* Special style for the current page link */
[aria-current="page"]:hover {
/* Special style for the current page link when hovered */
[aria-current="page"]::before {
/* Special virtual element for additions like chevrons, etc. */
The default styling of contains no style for the current page.
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment