Skip to content
Snippets Groups Projects
Commit 78fd1b01 authored by Lukas Eipert's avatar Lukas Eipert
Browse files

Merge branch 'votto-random-storybook-markdown-fix' into 'main'

docs: Replace div with section to prevent nested divs

Closes #2947

See merge request !4699



Merged-by: Lukas Eipert's avatarLukas Eipert <leipert@gitlab.com>
Approved-by: Lukas Eipert's avatarLukas Eipert <leipert@gitlab.com>
Co-authored-by: default avatarVanessa Otto <votto@gitlab.com>
parents 09a76ef9 e7cd4ca8
No related branches found
No related tags found
1 merge request!4699docs: Replace div with section to prevent nested divs
Pipeline #1498244429 passed with warnings
......@@ -61,7 +61,7 @@ Twelve options are available for positioning: `top`, `topleft`, `topright`, `rig
`rightbottom`, `bottom`, `bottomleft`, `bottomright`, `left`, `lefttop`, and `leftbottom` aligned.
Positioning is relative to the trigger element.
<div class="bd-example bd-example-popover-static">
<section class="bd-example bd-example-popover-static">
<div class="popover b-popover bs-popover-top bs-popover-top-docs">
<div class="arrow" style="left: calc(50% - 8px)"></div>
<h3 class="popover-header">Popover top</h3>
......@@ -163,7 +163,7 @@ Positioning is relative to the trigger element.
</div>
<div class="clearfix"></div>
</div>
</section>
## Triggers
......
......@@ -64,7 +64,7 @@ Twelve options are available for positioning: `top`, `topleft`, `topright`, `rig
`rightbottom`, `bottom`, `bottomleft`, `bottomright`, `left`, `lefttop`, and `leftbottom` aligned.
The default position is `top`. Positioning is relative to the trigger element.
<div class="bd-example bd-example-tooltip-static">
<section class="bd-example bd-example-tooltip-static">
<div class="tooltip b-tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
<div class="arrow" style="left: calc(50% - 6px)"></div>
<div class="tooltip-inner">Tooltip on the top</div>
......@@ -113,7 +113,7 @@ The default position is `top`. Positioning is relative to the trigger element.
<div class="arrow" style="top: 0px"></div>
<div class="tooltip-inner">Tooltip on the leftbottom</div>
</div>
</div>
</section>
Refer to the [Tooltip directive](/docs/directives/tooltip/#positioning) documentation for live
examples of positioning.
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment