search

insightsengineering / teal.gallery

A Gallery of Exploratory Web Apps used for Analyzing Clinical Trial Data
https://insightsengineering.github.io/teal.gallery/
Other
29 stars 7 forks source link

[Feature Request]: Any way we can prevent that at 100% zoom logo and `Roche` word spans into two lines? #144

Open m7pr opened 6 months ago

m7pr commented 6 months ago

This is zoom 100% on Google Chrome

image
donyunardi commented 6 months ago

This is my 100% zoom (max browser window width) with Chrome on 16 inch MBP image

I think this behavior is specific to user's monitor spec.

cicdguy commented 6 months ago

This is my 100% zoom (max browser window width) with Chrome on 16 inch MBP

image

I think this behavior is specific to user's monitor spec.

What's the resolution on your monitor @donyunardi? Would be good to have a fluid layout that adapts to the user's screen size and resolution.

donyunardi commented 6 months ago

What's the resolution on your monitor?

1792 x 1120 which is the default.

m7pr commented 6 months ago

I'm just saying this happens in some setup. I have regular 15inches screen, and default resolutions. IMHO we should put a div or a class that gets the whole logo part into the new line, if it can't fit all together in one line.

averissimo commented 6 months ago

I'm not convinced this is a bug, but this would probably solve it:

tags$span(style = "font-size: 24px;white-space: nowrap;", "NEST @ Roche")
m7pr commented 6 months ago

This is just a NICE TO HAVE visual improvement!