p:fileUpload advanced not responsive

[jastorga]

fileUpload in advanced mode, in a mobile app, not rendered correctly

https://imgur.com/c8JNhQ7

[mert.sincan]

Fileupload component doesn't have responsive feature. But, I overrode fileupload's css for you.

Please try;

Code: Select all

<style type="text/css">
@media (max-width: 640px) {
       .ui-fileupload-files td{
             display: inline-block;
       }
                
       .ui-fileupload-buttonbar .ui-button{
            padding: 19px 30px 19px 30px !important
       }
                
       .ui-fileupload-buttonbar .ui-button .ui-button-text {
            display: none;
       }
                
      .ui-fileupload-buttonbar .ui-button .ui-icon{
           margin-left: 15px !important;
       }
}
</style>

Screenshot;