rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-04-10 02:02:26 +02:00
Code Issues Actions 12 Packages Releases Activity

Enhance popover arrow rendering when popover has a header

Browse Source
This commit is contained in:
Julien Déramond 2024-10-29 16:21:47 +01:00
parent c2a7d686de
commit e34813fe8f
No known key found for this signature in database
GPG Key ID: DCD226672FC08F31
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_popover.scss
View File

@ -119,6 +119,12 @@
top: var(--#{$prefix}popover-border-width); top: var(--#{$prefix}popover-border-width);
border-bottom-color: var(--#{$prefix}popover-bg); border-bottom-color: var(--#{$prefix}popover-bg);
} }
// `:has` is not yet supported by our `.browserlistrc` but since it adds an extra layer of specificity,
// it doesn't hurt the browsers that don't support it.
&:has(+ .popover-header)::after {
--#{$prefix}popover-bg: var(--#{$prefix}popover-header-bg);
}
} }
// This will remove the popover-header's border just below the arrow // This will remove the popover-header's border just below the arrow