task/WG-425: Fix asset panel css

[rstijerina]

Overview:

Fixes css preventing asset panel from scrolling properly.

PR Status:

• Ready.

Related Jira tickets:

• WG-425

Summary of Changes:

• makes FeatureFileTree scrollable by setting max-height
• replaces AssetPanel buttons with Ant buttons
• fixes base panel height

Testing Steps:

1. Go to http://localhost:4200/project/db8f8bc8-4a48-4fd4-9009-8a201d19f81a?panel=Assets with prod settings, or another project with lots of assets
2. Shrink your window, and confirm you can see all buttons if you scroll

UI Photos:

[nathanfranklin]

LGTM 👍

[sophia-massie]

Looks good! Can merge and I can add this to the testing document.

When a map is loading all the file nodes, the export GeoJson button appears at the bottom of the listing and you have to scroll to see it. When the file tree finally loads, then the export button is sticky. Try importing 5000_points.geojson from the screen shot to a map to re-create. Could use possibly a loading spinner there until all assets load from the File Tree component.

On page load before loading large File Listing

While assets are loading/populating

When assets finish populating

[nathanfranklin]

Looks good! One thing - When a map is loading all the file nodes, the export GeoJson button appears at the bottom of the listing and you have to scroll to see it. When the file tree finally loads, then the export button is sticky. Try importing 5000_points.geojson from the screen shot to a map to re-create. Could use possibly a loading spinner there until all assets load from the File Tree component.

Could we merge and do this as follow-up work?

(note, i am working on something that indirectly touches that: https://tacc-main.atlassian.net/browse/WG-432. not the loader/sinner but just something that would produce similar behavior when changing filters or getting updated features; so then it might be more easy to see the issue pointed out above)

[nathanfranklin]

Looks good! One thing - When a map is loading all the file nodes, the export GeoJson button appears at the bottom of the listing and you have to scroll to see it. When the file tree finally loads, then the export button is sticky. Try importing 5000_points.geojson from the screen shot to a map to re-create. Could use possibly a loading spinner there until all assets load from the File Tree component.

@sophia-massie also related to the export and import button's stickyness. its only sticky if you have a selected feature, right? and then we have slightly different behavior in point cloud listings and tile layers listings. and all 3 of those areas vary from angular-version. 🤔 . not certain what is the behavior we want.