Consider scrollbar and marker width when positioning right marker

cornerstonejs / react-cornerstone-viewport

Cornerstone medical image viewport component for React

https://react.cornerstonejs.org/

MIT License

96 stars 75 forks source link

Consider scrollbar and marker width when positioning right marker #130

Closed igoroctaviano closed 2 years ago

igoroctaviano commented 2 years ago

In small screens or with multiple layout modes where everything is compressed, the right second and third letters are at least partially cut off. This update considers a min-width so the text is always visible.

Before

Screen Shot 2021-12-03 at 18 08 09

After

Screen Shot 2021-12-03 at 18 07 43

netlify[bot] commented 2 years ago

✔️ Deploy Preview for react-cornerstone-viewport ready!

🔨 Explore the source changes: dc7c081b6663bdc40aa3258f7dd47f2b2a7662f8

🔍 Inspect the deploy log: https://app.netlify.com/sites/react-cornerstone-viewport/deploys/61aa88611f4cb60008b2a5be

😎 Browse the preview: https://deploy-preview-130--react-cornerstone-viewport.netlify.app

ohif-bot commented 2 years ago

:tada: This PR is included in version 4.1.3 :tada:

The release is available on:

Your semantic-release bot :package::rocket: