Nav menu issues - Githubissues

NCEAS / metacatui-themes

Themes for MetacatUI repositories

1 stars 0 forks source link

Nav menu issues #14

Closed iannesbitt closed 7 months ago

iannesbitt commented 7 months ago

Two more nav menu issues:

[x] Dropdown header font color is same as background Element is .dropdown-header
[x] Nav dropdown is drawn behind scale bar Elements are: .map-view__scale-bar-container and #Navbar .dropdown-menu

iannesbitt commented 7 months ago

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 7 months ago

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.