/* * Chakra UI v3 compatibility for jQuery UI inside Geo.js map. * * Chakra's @layer reset (preflight) is scoped via config in App.tsx: * preflight: { scope: ':where(:not(.geo, .geo *))', level: 'element' } * This prevents preflight rules (margin:0, border-width:0, background-image:none) * from targeting .geo descendants. * * The layer order declaration must come first because this file loads before * Emotion injects Chakra's styles — without it, the cascade order breaks. * * The .geo block resets inherited properties (line-height, color) that Chakra * sets on outside any @layer, so they leak into .geo via inheritance. */ @layer reset, base, tokens, recipes; .geo { line-height: normal; color: #000; } /* Geo.js control position overrides — match TornaAppsMapModule.css from GWT */ #OLMapLayerChooser { top: 5px !important; right: auto !important; left: 220px !important; bottom: auto !important; } .OLMapCustomToolButtonWGTLightOut { top: 5px !important; right: auto !important; left: 250px !important; bottom: auto !important; } .OLMapCustomToolButtonOLMapGeolocation { top: 5px !important; right: auto !important; left: 310px !important; bottom: auto !important; }