The size of the menu and the text is too small on scenes with large grid size, and there is no way to control or modify the default size as it is statically defined inside the poi-teleport.css file.
To fix this I removed the "font-size" entry from the #poi-tp-ctx-menu definition and added the following line in poi-teleport.js
...
setPosition() {
const position = {
left: this.object.x,
top: this.object.y,
"font-size": this.poitp.note.size / 2 + "px" // this line was added to fix the issue
};
this.element.css(position);
}
...
I also added "z-index: 10;" to #poi-tp-ctx-menu in poi-teleport.css to bring the HUD menu in front of the "Toogle Visibility State" button.
The size of the menu and the text is too small on scenes with large grid size, and there is no way to control or modify the default size as it is statically defined inside the poi-teleport.css file.
To fix this I removed the "font-size" entry from the #poi-tp-ctx-menu definition and added the following line in poi-teleport.js ...
...
I also added "z-index: 10;" to #poi-tp-ctx-menu in poi-teleport.css to bring the HUD menu in front of the "Toogle Visibility State" button.