Fix file browser footer while in grid mode

[pistasjis]

I looked at the new file browser template and found it to be pretty good looking. Nice job! I tried it locally and found that the footer looked something like this:

The black space after the footer looks kinda awkward, so I decided to fix it. With this PR, it looks like this:

[CLAassistant]

All committers have signed the CLA.

[francislavoie]

I think it looks better before, honestly. I don't think the footer should grow. It also stretches the gradient which causes worse color banding.

What we could do is change the black background below the footer to a different color to better fit. But I don't think the footer should be resized.

[pistasjis]

I think it looks better before, honestly. I don't think the footer should grow. It also stretches the gradient which causes worse color banding.

It already has that gradient in list view, but I agree. Maybe you could change the background in grid view?

[mholt]

Should the footer be stuck to the bottom (but not span the remaining height) instead?

[francislavoie]

I suggest removing this background:

@media (prefers-color-scheme: dark) {
	html {
		background: black; /* overscroll */
	}

This makes the gradient bg go all the the way to the bottom of the viewport. Makes the color banding pretty rough in some cases though, stretching the gradient that far. But 🤷‍♂️

[pistasjis]

Like this?

[pistasjis]

Like this?

Here's another where I set the background to the same as the grid view background. I'm not sure if it looks good or not though

[pistasjis]

Like this?

Here's another where I set the background to the same as the grid view background. I'm not sure if it looks good or not though

I kinda like this one

[pistasjis]

Like this?

Here's another where I set the background to the same as the grid view background. I'm not sure if it looks good or not though

I kinda like this one

That being said, if you have color suggestions or another suggestion for how it should look, please tell me

[mholt]

Sorry, just took a lunch break, and am about to run some errands -- I'll look at this again in a little bit :) Thanks!

[mholt]

OK finally had a chance to clone this down and check it out. It definitely looks better, thanks!

I noticed, however, that it pushes the logo all the way to the bottom of the screen. I know I suggested this earlier, but on second thought I don't think it needs to be down there.

Turns out that this is fixed with just the 1 line of CSS.

IMO it looks good on my monitor (no banding that I can see). And I prefer to keep things simple.

If the suggestion is accepted we can just merge this in I think 👍

[mholt]

Awesome, thank you for the contribution!! If we decide for some reason that the footer is best at the bottom, we know what to do now. :) Thanks again.

[pistasjis]

:D

[mholt]

@pistasjis Also, you may notice I just pushed bd34cb6 which adds a lot more filetypes for the icons.

[pistasjis]

@pistasjis Also, you may notice I just pushed bd34cb6 which adds a lot more filetypes for the icons.

They look nice. I've used Tabler before and they're one of my favourite iconsets