mapcomplete/UI/MapControlButton.ts

24 lines
696 B
TypeScript

import BaseUIElement from "./BaseUIElement"
import Combine from "./Base/Combine"
/**
* A button floating above the map, in a uniform style
*/
export default class MapControlButton extends Combine {
constructor(
contents: BaseUIElement,
options?: {
dontStyle?: boolean
}
) {
super([contents])
if (!options?.dontStyle) {
contents.SetClass("mapcontrol p-1")
this.SetClass("p-1")
}
this.SetClass(
"relative block rounded-full w-10 h-10 pointer-events-auto z-above-map subtle-background m-0.5 md:m-1"
)
this.SetStyle("box-shadow: 0 0 10px var(--shadow-color);")
}
}