This is what I am trying to achieve (from the Phone app, similar one is also in Photos)
I have a standard SwiftUI Menu in a toolbar with a glass tint applied to indicate the filter is active:
Menu {
// …filter options
} label: {
Label("Filter", systemImage: "line.3.horizontal.decrease")
}
.glassEffect(.regular.tint(.accentColor).interactive())
The glass effect doesn't render at all, no tint. The button looks completely unstyled.
If I switch the label from Label to Image, the glass renders, but as a stretched oblong pill.
I have tried several other combinations too:
Also in the Apple's version during hover (iPad) the highlight aligns with the tint itself (see second image above) rather than outside it like in example 3 from the list above:
Is there a way to get a Menu's trigger inset tint to look as in the Phone app example?