search

jumpinjackie / mapguide-react-layout

An openlayers-based modern map viewer for MapGuide
https://jumpinjackie.github.io/mapguide-react-layout/
MIT License
62 stars 13 forks source link

Sidebar Template: Strange flyout text placement #562

Closed jumpinjackie closed 6 years ago

jumpinjackie commented 6 years ago

As reported on mapguide-users:

http://osgeo-org.1560.x6.nabble.com/CSS-style-in-react-layout-td5358018.html

The sidebar flyout text looks a bit strange (attached screenshot and example appdef)

react

appdef.xml.txt

jumpinjackie commented 6 years ago

The problem is the CSS for vertically rotated flyout text has the correct rotation, but also includes an em-based translation, which just does not scale with the length of the text