search

pacificclimate / pdp

The PCIC Data Portal - Server software to run the entire web application
GNU General Public License v3.0
1 stars 2 forks source link

UI Doesn't show external links when title overflows #267

Open jameshiebert opened 2 years ago

jameshiebert commented 2 years ago

A recently created portal has a very long new name/title: "Canadian Downscaled Climate Scenarios - Univariate (CMIP5): CanDCS-U5".

It turns out that due to the layout of the UI, if the title wraps to a newline, then the external links on the next line (e.g. "User Docs") do not get displayed. ss0 ss1 These layouts are only a few pixels apart. The available width of the title element is the only factor affecting it.

Reproduced on Firefox and Chrome, though I'm sure that this is a factor of layout width and not browser.

Three avenues available to address this problem:

  1. Shorten the title (which would limit the occurrences that would happen by default)
  2. Fix the layout
  3. Wait for the new React-based implementation of the front-end
jameshiebert commented 1 year ago

I took a look at the positioning/sizing of the #topnav div (where the User Docs link is). It looks like the #main div (which contains the map) is set to position: absolute, so its position doesn't change even if there's not enough space for the elements above it.

image