telerik / kendo-themes

Monorepo for SASS-based Kendo UI themes
149 stars 71 forks source link

Upload text overlap #5027

Open IvanDanchev opened 6 months ago

IvanDanchev commented 6 months ago

Describe the bug When selecting multiple files in a synchronous Upload, the summary text and the text of the last selected file overlap.

To reproduce Steps to reproduce the behavior:

  1. Go to the following demo: https://demos.telerik.com/kendo-ui/upload/basicusage
  2. Select 2 or more files in the Upload
  3. The summary text Total: 2 files and the text of the last selected file overlap.

Expected behavior The summary text should have a proper margin, so that it does not overlap with the file text.

The overlap is caused by the following CSS rule in the themes:

.k-upload .k-multiple-files-wrapper .k-file-summary {
    margin-top: -4px;
}

As a workaround the margin can be set to 4px:

.k-upload .k-multiple-files-wrapper .k-file-summary {
    margin-top: 4px;
}

Affected package (please remove the unneeded items)

Affected suites (please remove the unneeded items)

Affected browsers (please remove the unneeded items)

Build system information (please remove the unneeded items)

inikolova commented 2 months ago

@IvanDanchev I tested the described scenario, however it appears everything is rendered fine now. Could you please confirm the problem has been resolved? Thank you in advance