Homarr•2y ago

CSS Help for nooblet

i only have the left pane enabled and i have created various categories to house my various apps, alongside some integrations. I'm 0 to negative proficient in CSS. I would like to have the middle pane fit all content into the screen without having to scroll down. is this possible?

Manicraft1001•12/28/23, 10:41 AM

Hi, what does "fit without having to scroll down" mean? You could hide the overflow, which would get rid of the scrollbar, but that would obstruct all apps that don't fit on your screen with no way to access them.

Manicraft1001•12/28/23, 10:41 AM

Also, did you read https://homarr.dev/docs/customizations/board-customization#custom-css ?

📄 Board customization | Homarr Docs

How to get to the customize page

TheIceNineOP•12/28/23, 6:16 PM

like for instance this is half screen vertical. Looks good, still a bit of a scroll bar at the bottom.

TheIceNineOP•12/28/23, 6:18 PM

This is a fully maximised browser window. Icons are huge, essentially i guess i'm looking to shrink the size of the icons, borders which in turn would then fit all my categories in the maximised window without needing to scroll down.

Manicraft1001•12/28/23, 6:18 PM

You should adjust https://homarr.dev/docs/customizations/board-customization#screen-sizes

📄 Board customization | Homarr Docs

How to get to the customize page

TheIceNineOP•12/28/23, 6:19 PM

okay, that def helps

TheIceNineOP•12/28/23, 6:20 PM

is there a way to go past 20 in the large option? can this be changed in config file?

Manicraft1001•12/28/23, 6:20 PM

Is 20 too small for you?

TheIceNineOP•12/28/23, 6:20 PM

not quite small enough

TheIceNineOP•12/28/23, 6:21 PM

i need a bit more to fit everything without scrolling

Manicraft1001•12/28/23, 6:21 PM

Then you can manually edit it in the config. Just note that it could prevent you from saving in the frontend in the worst case, since this isn't oficially supported

Manicraft1001•12/28/23, 6:21 PM

You could also submit a GitHub issue (or upvote on existing issues) to increase it in code

TheIceNineOP•12/28/23, 6:53 PM

https://tenor.com/view/bradley-cooper-fucked-up-gif-10395954

Tenor

TheIceNineOP•12/28/23, 6:54 PM

so i decided to drag the apps out of categories and now somehow lost a bunch of them. I see them in the config and changed the lg and md positions to empty spots, but they just don't show up

Manicraft1001•12/28/23, 6:56 PM

Where did you edit the file? On the server file system?

TheIceNineOP•12/28/23, 6:56 PM

file system

Manicraft1001•12/28/23, 6:57 PM

Can you copy and paste the contents to https://pastebin.com ? Please remove all URLs, credentials and private data

Pastebin

Pastebin.com - #1 paste tool since 2002!

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

TheIceNineOP•12/28/23, 7:06 PM

https://snip.dssr.ch/?796831166d910099#4QHMhg8cRmC5TeEecbyGLkLGm7eTWTKZFigktgxyN9SQ

PrivateBin

Encrypted note on PrivateBin

Visit this link to see the note. Giving the URL to anyone allows them to access the note, too.

Manicraft1001•12/28/23, 7:07 PM

Can you name an app that disappeared so I can check?

TheIceNineOP•12/28/23, 7:07 PM

Bazarr

TheIceNineOP•12/28/23, 7:07 PM

any of the *arrs really

Manicraft1001•12/28/23, 7:07 PM

Ok, I see why they are no longer there

Manicraft1001•12/28/23, 7:08 PM

When did you setup Homarr? Before 0.14?

TheIceNineOP•12/28/23, 7:08 PM

bout a week ago?

Manicraft1001•12/28/23, 7:08 PM

Okay... Weird.

Manicraft1001•12/28/23, 7:08 PM

We can manually fix your config though

TheIceNineOP•12/28/23, 7:09 PM

Was i in the right area, changing x/y values for md and lg sections?

Manicraft1001•12/28/23, 7:09 PM

Create a backup of the file
Open the file using a text editor (eg. Visual Studio Code).
Go to the "wrappers" section
Add a new object to the array with the id and the position
Save file
Refresh page

TheIceNineOP•12/28/23, 7:10 PM

complete

TheIceNineOP•12/28/23, 7:12 PM

actually,

TheIceNineOP•12/28/23, 7:12 PM

should it look like this?

TheIceNineOP•12/28/23, 7:12 PM

or just replace default

Manicraft1001•12/28/23, 7:15 PM

Yes, correct.

TheIceNineOP•12/28/23, 7:22 PM

ok so rinse and repeat for any other wrappers that got messed up

TheIceNineOP•12/28/23, 7:23 PM

or, can i replace the wrapper id with "default" on the ones that are "messed up"?

Manicraft1001•12/28/23, 7:25 PM

No. You shouldn't delete or replace it

Manicraft1001•12/28/23, 7:25 PM

It's a default wrapper that should always be there

Manicraft1001•12/28/23, 7:26 PM

Removing it could break your dashboard. It's must be

TheIceNineOP•12/28/23, 7:26 PM

not remove "default"

Manicraft1001•12/28/23, 7:26 PM

Also not replace.

TheIceNineOP•12/28/23, 7:26 PM

replace the wrapper id on any NON default WITH default

TheIceNineOP•12/28/23, 7:26 PM

kay

Manicraft1001•12/28/23, 7:27 PM

You could replace the wrapperId on any of your apps, yes.

Manicraft1001•12/28/23, 7:27 PM

Doing that is fine. But it will move your apps if they haven't been there previously.

TheIceNineOP•12/28/23, 7:27 PM

i just went through and did this

TheIceNineOP•12/28/23, 7:27 PM

and i've got all the apps back

Manicraft1001•12/28/23, 7:27 PM

Nice!

Manicraft1001•12/28/23, 7:27 PM

Sorry that you had to go through this.

TheIceNineOP•12/28/23, 7:27 PM

so is wrapper = category?