H
Homarr•11mo ago
TheIceNine

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?
36 Replies
Manicraft1001
Manicraft1001•11mo ago
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.
TheIceNine
TheIceNine•11mo ago
like for instance this is half screen vertical. Looks good, still a bit of a scroll bar at the bottom. 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.
TheIceNine
TheIceNine•11mo ago
okay, that def helps is there a way to go past 20 in the large option? can this be changed in config file?
Manicraft1001
Manicraft1001•11mo ago
Is 20 too small for you?
TheIceNine
TheIceNine•11mo ago
not quite small enough 🙂 i need a bit more to fit everything without scrolling
Manicraft1001
Manicraft1001•11mo ago
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 You could also submit a GitHub issue (or upvote on existing issues) to increase it in code
TheIceNine
TheIceNine•11mo ago
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
Manicraft1001•11mo ago
Where did you edit the file? On the server file system?
TheIceNine
TheIceNine•11mo ago
file system
Manicraft1001
Manicraft1001•11mo ago
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.
TheIceNine
TheIceNine•11mo ago
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
Manicraft1001•11mo ago
Can you name an app that disappeared so I can check?
TheIceNine
TheIceNine•11mo ago
Bazarr any of the *arrs really 🙂
Manicraft1001
Manicraft1001•11mo ago
Ok, I see why they are no longer there When did you setup Homarr? Before 0.14?
TheIceNine
TheIceNine•11mo ago
bout a week ago?
Manicraft1001
Manicraft1001•11mo ago
Okay... Weird. We can manually fix your config though
TheIceNine
TheIceNine•11mo ago
Was i in the right area, changing x/y values for md and lg sections?
Manicraft1001
Manicraft1001•11mo ago
1. Create a backup of the file 2. Open the file using a text editor (eg. Visual Studio Code). 3. Go to the "wrappers" section 4. Add a new object to the array with the id 2c22217c-7b27-4230-bf72-d31bfcf91d55 and the position 1 5. Save file 6. Refresh page
TheIceNine
TheIceNine•11mo ago
complete actually, should it look like this?
"wrappers": [
{
"id": "default",
"position": 0
},
{
"id": "2c22217c-7b27-4230-bf72-d31bfcf91d55",
"position": 1
}
"wrappers": [
{
"id": "default",
"position": 0
},
{
"id": "2c22217c-7b27-4230-bf72-d31bfcf91d55",
"position": 1
}
or just replace default
Manicraft1001
Manicraft1001•11mo ago
Yes, correct.
TheIceNine
TheIceNine•11mo ago
ok so rinse and repeat for any other wrappers that got messed up or, can i replace the wrapper id with "default" on the ones that are "messed up"?
Manicraft1001
Manicraft1001•11mo ago
No. You shouldn't delete or replace it It's a default wrapper that should always be there Removing it could break your dashboard. It's id must be default
TheIceNine
TheIceNine•11mo ago
not remove "default"
Manicraft1001
Manicraft1001•11mo ago
Also not replace.
TheIceNine
TheIceNine•11mo ago
replace the wrapper id on any NON default WITH default kay
Manicraft1001
Manicraft1001•11mo ago
You could replace the wrapperId on any of your apps, yes. Doing that is fine. But it will move your apps if they haven't been there previously.
TheIceNine
TheIceNine•11mo ago
i just went through and did this
"wrappers": [
{
"id": "default",
"position": 0
},
{
"id": "2c22217c-7b27-4230-bf72-d31bfcf91d55",
"position": 1
},
{
"id": "1adbb908-344d-4528-9743-2f7d9a02d2de",
"position": 2
},
{
"id": "08e4aa17-3959-41eb-aad0-73a116c45782",
"position": 3
}
"wrappers": [
{
"id": "default",
"position": 0
},
{
"id": "2c22217c-7b27-4230-bf72-d31bfcf91d55",
"position": 1
},
{
"id": "1adbb908-344d-4528-9743-2f7d9a02d2de",
"position": 2
},
{
"id": "08e4aa17-3959-41eb-aad0-73a116c45782",
"position": 3
}
and i've got all the apps back
Manicraft1001
Manicraft1001•11mo ago
Nice! Sorry that you had to go through this.
TheIceNine
TheIceNine•11mo ago
so is wrapper = category? look i caused it 😛 thank you for helping
Manicraft1001
Manicraft1001•11mo ago
No. A wrapper is the space after or before a category 🙂
TheIceNine
TheIceNine•11mo ago
ah one more q. Is there a config/way for a category to not span the entire width of the middle pane?
"categories": [
{
"id": "ce8b1b96-b181-48ba-b7e7-3d285a2279c2",
"name": "Test",
"position": 1
}
"categories": [
{
"id": "ce8b1b96-b181-48ba-b7e7-3d285a2279c2",
"name": "Test",
"position": 1
}
Just created a test category, are there any other options to add here or is this it?
Manicraft1001
Manicraft1001•11mo ago
No, that is sadly not possible You should avoid modifiying this manually. Use the UI if possible. No, that's all you can add there (at least for now).
TheIceNine
TheIceNine•11mo ago
all good
Want results from more Discord servers?
Add your server