NCEAS/metacatui-themes

Nav menu issues

Closed this issue · 2 comments

iannesbitt commented

Two more nav menu issues:

  • Dropdown header font color is same as background
    Element is .dropdown-header
    Screen Shot 2024-02-05 at 13 20 05

  • Nav dropdown is drawn behind scale bar
    Elements are: .map-view__scale-bar-container and #Navbar .dropdown-menu
    Screen Shot 2024-02-05 at 13 23 23

iannesbitt commented

Item number 2 in the checklist doesn't seem to be solved by simply adjusting z-level values. I may instead solve this issue by moving the scale bar over to the left. I think this is set by style tags in the HTML rather than definitions in CSS. The values should be

.map-view__scale-bar-container {
  left: 400px;
  top: 0.5rem;
}

which should move it over next to the nav buttons like this
Screen Shot 2024-02-06 at 10 52 45

iannesbitt commented

The second item in this issue (Nav dropdown is drawn behind scale bar) can be solved by changing the z-index of the parent item nav#Navbar from 1 to 2. However, this must be done in MetacatUI as the relevant file is /src/css/map-view.css. I will create an issue and PR there.