search

primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
9.84k stars 4.5k forks source link

FileUpload: buttons missing spaces on mobile #15884

Open dalenguyen opened 2 weeks ago

dalenguyen commented 2 weeks ago

Describe the bug

There is no spaces for buttons on mobile.

image

Environment

Production

Reproducer

https://primeng.org/fileupload#advanced

Angular version

18.0.0

PrimeNG version

17.8.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.0.0

Browser(s)

No response

Steps to reproduce the behavior

  1. Go to https://primeng.org/fileupload#advanced
  2. View it on mobile

Expected behavior

There're should be spaces for buttons on mobile

snehithssv commented 2 weeks ago

So a simple adding margin should do the work?? image @dalenguyen, is this the desired output??

cetincakiroglu commented 4 days ago

Hi,

Thanks for reporting the issue but we don't add margins manually to the component.css file. All of them are generated from primeng-sass-theme repo depending on the variables of themes. Also, we're implementing a new theming engine and all the styling will be revised, probably this issue will be solved during this process.

Also instead of adding a margin, you can use header template and do whatever you want.