mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 13:17:00 +04:00
Fix .dropdown-menu-arrow border rendering on Firefox (#3162)
This commit is contained in:
1 parent
038000f567
commit
18a8a492f8
2 files changed
+8
No files matched your search
@@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"@tabler/core": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
Fixed `.dropdown-menu-arrow` border rendering on Firefox by trimming the clipped edges.
|
||||||
@@ -93,6 +93,9 @@
|
|||||||
// The menu draws its edge with the 1px ring in --dropdown-box-shadow and has
|
// The menu draws its edge with the 1px ring in --dropdown-box-shadow and has
|
||||||
// no border, so `inherit` would give the arrow the text color.
|
// no border, so `inherit` would give the arrow the text color.
|
||||||
border: 1px solid var(--dropdown-border-color);
|
border: 1px solid var(--dropdown-border-color);
|
||||||
|
// clip-path + border + rotate renders garbled edges on Firefox; only the
|
||||||
|
// top/left border survives the clip anyway, so drop the rest.
|
||||||
|
border-width: 1px 0 0 1px;
|
||||||
|
|
||||||
/* rtl:ignore */
|
/* rtl:ignore */
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
|
|||||||
Reference in new issue
Block a user