Hi!
Armitage2k wrote:I am running a bootstrap 3 website and am looking to implement the files explorer. To match the browser with the overall website design, I added a navbar and it's CSS to the files.php file, but as a side effect have the issue where my navbar overlaps with the file browsers navbar, essentially covering the search field, buttons, etc.
For starters, I would need to see a link to be able to diagnose any customization like this. Files app is an advanced single-page app, amongst other things using javascript+CSS "sticky" to show/hide the navbar on scroll. You can't just add custom elements and hope that it works, but I can always take a look ...
On a side note, I did already create a separate app call EMBED, meant specifically for embedding galleries of files (similar to Files app) into any website.
https://embed.photo.gallery/
No it doesn't have all the same features as Files app, at least not yet, but it is designed specifically to be embedded directly into any website. Files app no, you can't just add html elements and expect it to work.
Armitage2k wrote:iframe is not a good solution for me since I am getting a bug when previewing an image, and the user scrolls (due to the iframe being too high/short), the lightbox image closes itself.
I understand that of course, since iframe is a very cheap solution. Another reason why we created Embed app.
Armitage2k wrote:This very much looks like a CSS issue, not sure how to best approach this?
Well, yes it's a CSS/javascript issue naturally, but Files isn't just a simple html "website" where everything gets pushed down if you add custom elements. For intance (just to mention some things from the top of my head), topbar uses "sticky" to attach to top of screen, and the sidebar menu uses flexbox and overflow to allow scrolling when the items in menu expand beyond viewport height (this, the height of the sidebar needs to take your custom element into consideration). If you have a link, I will take a look, but at best we can get it working with a "hack".
Armitage2k wrote:Also, there is supposed to be a custom CSS file somewhere in the _files folder, which I also cannot find? Where would that one be?
No, CSS files will get loaded into Files app IF they exist. We don't add empty custom CSS files by default. If you want to add a custom CSS files that loads into Files app, create a file in path
_files/css/custom.css. You can call it whatever you want, but it needs to be in path _files/custom/*.
New big Files update coming soon!