mapcomplete/UI/MapControlButton.ts

23 lines
667 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(
"relative block rounded-full w-10 h-10 p-1 pointer-events-auto z-above-map subtle-background m-0.5 md:m-1"
)
this.SetStyle("box-shadow: 0 0 10px var(--shadow-color);")
}
}