mapcomplete/UI/MapControlButton.ts

20 lines
642 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);");
}
}