Fix for folder size on mobile re issue #27537

[AndyGaskell]

Fix for the UI size issue described in
[4.0] [backend-template] Media Manager unusable on mobile #27537

Pull Request for Issue # .

Summary of Changes

Small CSS / SCSS change to make the folder icon in the media manager work better on mobile screen size

Testing Instructions

1. Use small window or mobile device, like 375 x 667 pixels (iPhone6)
2. Login to admin and go administrator
3. Go to media manager
4. Look at size of folder

Also repeat on other screen sizes

Expected result

Should be able to click on the folders

Actual result

Can't click on the folders because they're too big and overlap each other

Documentation Changes Required

None

Further notes...

Screen grab of issue...

Screen grab after fix...

[Quy]

A side effect is that the folder icon is larger on desktop.

[AndyGaskell]

Thanks for testing @Quy yea, that probably doesn't look ideal. What do you think?

I'll can try a different fix, using a media query in the css.

[C-Lodder]

It's not just the font size that need tweaking. The whole things need to be worked on, on mobile.

• There doesn't appear to be any form of proper stacking.
• The search box underlaps the container
• The zoom in/out and other icons are missing, due to underlapping.

[AndyGaskell]

Hi @C-Lodder

Yea, I agree really, I think I was kinda tip-toeing around this a bit as I'm not so familiar with this bit of front-end code, well, front end code generally, too much time writing APIs last few years. It's coming back to me though 🤓

I'll have another go over it all in a more wholistic way, starting with pencil and paper. Though that'll probably be next week.

Thanks for your input and creating this issue.

[Quy]

Closing for now as not proper fix. Thanks.