web-components icon indicating copy to clipboard operation
web-components copied to clipboard

fix: align icons and buttons in upload file row

Open sissbruecker opened this issue 6 months ago • 4 comments

Description

Currently all flex containers in upload file row use align-items: baseline, which makes it hard to align icons and buttons with the first text line. Changed icons and the commands container that contains buttons to use flex-start instead. Then applied the same solution we use for aligning icons and buttons with the first line of text in text area.

This is potentially a breaking change as it changes default styles, appearance, as well as the default height of the component (it gets a bit smaller).

Fixes https://github.com/vaadin/web-components/issues/8768

Type of change

  • Bugfix

sissbruecker avatar Apr 11 '25 08:04 sissbruecker