Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-22 09:54:24 +04:00
Code Issues Projects Releases Wiki Activity

popover dark fix

Browse Source
This commit is contained in:
codecalm
2022-10-18 22:58:37 +02:00
parent 416b26f366
commit 2eab5e90c6
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/_docs/popover.md
View File

@@ -11,25 +11,25 @@ menu: help.docs.components.popover
To create a default popover use: To create a default popover use:
{% capture code %} {% capture code %}
<button type="button" class="btn btn-lg btn-danger" data-bs-toggle="popover" title="Popover title" data-bs-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button> <button type="button" class="btn" data-bs-toggle="popover" title="Popover title" data-bs-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
{% endcapture %} {% endcapture %}
{% include example.html code=code %} {% include example.html code=code %}
## Four directions ## Four directions
Four options are available: top, right, bottom, and left aligned. Directions are mirrored when using Bootstrap in RTL. Four options are available: `top`, `right`, `bottom`, and `left` aligned. Directions are mirrored when using Bootstrap in RTL.
{% capture code %} {% capture code %}
<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Top popover"> <button type="button" class="btn" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Top popover">
Popover on top Popover on top
</button> </button>
<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Right popover"> <button type="button" class="btn" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Right popover">
Popover on right Popover on right
</button> </button>
<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover"> <button type="button" class="btn" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover">
Popover on bottom Popover on bottom
</button> </button>
<button type="button" class="btn btn-secondary" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Left popover"> <button type="button" class="btn" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Left popover">
Popover on left Popover on left
</button> </button>
{% endcapture %} {% endcapture %}

3
src/scss/_variables.scss
View File

@@ -639,7 +639,10 @@ $navbar-overlap-height: 9rem !default;
$sidebar-width: 15rem !default; $sidebar-width: 15rem !default;
// Popover // Popover
$popover-bg: var(--#{$prefix}bg-surface) !default;
$popover-header-bg: transparent !default;
$popover-border-color: var(--#{$prefix}border-color) !default; $popover-border-color: var(--#{$prefix}border-color) !default;
$popover-body-color: inherit !default;
// Footer // Footer
$footer-padding-y: 2rem !default; $footer-padding-y: 2rem !default;