Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The size of the menu and the text is too small on scenes with large grid size #21

Open
icristianhrimiuc opened this issue May 16, 2024 · 1 comment

Comments

@icristianhrimiuc
Copy link

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);
}
...

@icristianhrimiuc
Copy link
Author

icristianhrimiuc commented May 16, 2024

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant