Image/File/Binary fields: action buttons lose clear background on small screens and icons overlap main bar on scroll

Problem Statement

Two visual defects affect Image, File, and Binary fields in the new Edit Contentlet when an asset is already selected.

1. Action button style breaks on smaller screens. On a smaller screen, the field's action buttons change their style — they should keep their clear (transparent) background but instead render with a different/filled style. The clear-background style should be maintained regardless of screen size.

2. Action icons overlap the main bar on scroll. With the same field types, when the user scrolls, the field's action icons render on top of the main bar instead of scrolling beneath it (a stacking/z-index issue).

Impact: Cosmetic but visible on real content; the overlap on scroll can look broken and may obscure the main bar.

Browser & OS: All (frontend rendering; issue #1 is screen-size dependent).

Steps to Reproduce

Issue 1 — button style on small screens

1. Open a contentlet with an Image, File, or Binary field that has an asset already selected.
2. Reduce the screen/viewport to a smaller size.
3. Observe: the action buttons change style (background is no longer clear/transparent).
4. Expected: the action buttons keep their clear background at all screen sizes.

Issue 2 — icons over the main bar on scroll

1. Open a contentlet with the same field type and a selected asset.
2. Scroll the content.
3. Observe: the field's action icons appear over the main bar.
4. Expected: the icons scroll beneath the main bar and never overlap it.

🎥 A video demonstrating both issues will be attached as a comment.

Acceptance Criteria

Button style (small screens)

• On smaller screens, the action buttons of an Image/File/Binary field with a selected asset keep their clear (transparent) background
• The button style is consistent across large and small screen sizes
• Applies to all three field types: Image, File, Binary

Icon overlap on scroll

• When scrolling, the field's action icons do not render over the main bar
• The icons scroll beneath the main bar (correct stacking order)
• Applies to all three field types: Image, File, Binary

dotCMS Version

Latest from main branch (new Edit Contentlet)

Severity

Low - Minor issue or cosmetic

Links

NA

Start in the new Edit Contentlet implementation for the Image, File, and Binary fields and reproduce both problems with an asset selected: resize to a small viewport, then scroll. Inspect the action button styling and stacking order around the main bar; done means transparent buttons at every size and icons scrolling beneath the bar for all three field types.