search

geonetwork / core-geonetwork

GeoNetwork is a catalog application to manage spatially referenced resources. It provides powerful metadata editing and search functions as well as an interactive web map viewer. It is currently used in numerous Spatial Data Infrastructure initiatives across the world.
http://geonetwork-opensource.org/
GNU General Public License v2.0
428 stars 489 forks source link

Vertical scrollbar not visible in editor sidebar when the height of the sidebar exceeds the screen #4636

Open gvandeboel opened 4 years ago

gvandeboel commented 4 years ago

Describe the bug On a white background the scrollbar in the sidebar in the editor is not visible (white thumb on white background). The main scrollbar thumb of the editor is gray and visible. After validation and opening the validation panel you can not see all the info. You can only use your mouse wheel to scroll down.

To Reproduce

  1. Create or edit a metadata record and click on the Validation button.
  2. Open the validation panel in the sidebar
  3. Look at the end of the panel and you see there is more info available but can only scroll down with the mouse wheel

Expected behavior A visible scroll thumb to scroll down.

Screenshots image

Log file Not applicable

Desktop (please complete the following information):

Additional context By disabling web-ui/src/main/resources/catalog/style/gn_editor.less the . .scrollbar-white(); line, the thumb is visible too in Chrome.

@media (min-width: @screen-md-min) { .scrollbar-white() { &::-webkit-scrollbar-track, &::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px #fff; } &::-webkit-scrollbar-thumb:window-inactive { background: #fff; } } .gn-editor-sidebar { margin-top: 0; position: fixed; right: 0; overflow: auto; max-height: 100%; padding-bottom: 110px; // Scrollbar not visible in Chrome //.scrollbar-white(); } }

MichelGabriel commented 4 years ago

This issue is addressed in PR: https://github.com/geonetwork/core-geonetwork/pull/4642