fix(ui): allow trigger-anchored dropdowns on mobile
This commit is contained in:
1 parent
9d90418490
commit
b1db287f2a
4 files changed
+27
-4
No files matched your search
@@ -17,6 +17,7 @@ items: unknown[] = []
|
||||
showChevron: boolean = true
|
||||
menuLabel: string = "Dropdown menu"
|
||||
placement: string = "bottom-start"
|
||||
mobilePanel: string = "sheet"
|
||||
width: string = "md"
|
||||
size: string = "default"
|
||||
color: string = "primary"
|
||||
@@ -151,6 +152,7 @@ items: unknown[] = []
|
||||
data-ui-component="Dropdown"
|
||||
data-open='{open || visible ? "true" : "false"}'
|
||||
data-placement='{placement}'
|
||||
data-mobile-panel='{mobilePanel}'
|
||||
data-width='{width}'
|
||||
data-size='{size}'
|
||||
data-color='{color}'
|
||||
@@ -572,7 +574,7 @@ items: unknown[] = []
|
||||
}
|
||||
|
||||
@media (max-width: 639px) {
|
||||
.wrn-dropdown[data-placement] .wrn-dropdown__panel {
|
||||
.wrn-dropdown[data-placement][data-mobile-panel="sheet"] .wrn-dropdown__panel {
|
||||
position: fixed;
|
||||
right: 0.75rem;
|
||||
bottom: 0.75rem;
|
||||
|
||||
Reference in new issue
Block a user