Homarr•13mo ago

How to hide the search bar in v0.14.1

Is there a way to hide the search bar in v0.14.1? In version 0.13.4 there was an option to turn off the search bar. While not a big deal in the desktop version, the search bar takes up space in the mobile view.

Solution:

Not perfect but you can add ```CSS .mantine-Header-root { height: auto; }...

Jump to solution

23 Replies

Serenaphic•13mo ago

If you're not on firefox, you can use the following CSS:

.mantine-Input-wrapper:has(.dashboard-header-search-input){
  display: none;
}

.mantine-Input-wrapper:has(.dashboard-header-search-input){
  display: none;
}

Actually I'm blind, there was this div before. this will work in firefox too

.dashboard-header-search-root{
  display:none;
}

.dashboard-header-search-root{
  display:none;
}

Mark323OP•13mo ago

That worked on hiding the search bar, on mobile the spot where the search bar was is still there taking up that space.

Solution

Serenaphic•13mo ago

Not perfect but you can add

.mantine-Header-root {
  height: auto;
}

.mantine-Header-root {
  height: auto;
}

Serenaphic•13mo ago

And if you are not using firefox (Although it will work soon as it is also being added there), you can perfect it using this along the first:

.mantine-Center-root:has(.dashboard-header-search-root){
  display: none;
}

.mantine-Center-root:has(.dashboard-header-search-root){
  display: none;
}

Mark323OP•13mo ago

Almost perfect, the button grid still starts in the same place, anyway to move that up?

Serenaphic•13mo ago

.mantine-AppShell-main {
  padding-top: calc(61px + 1rem);
}

.mantine-AppShell-main {
  padding-top: calc(61px + 1rem);
}

Mark323OP•13mo ago

That did it!!! Is there a way to customize the button padding?

Serenaphic•13mo ago

Which button

Mark323OP•13mo ago

The grid

Serenaphic•13mo ago

The padding between the widgets or arround the whole grid?

Mark323OP•13mo ago

The padding between the widgets seem to have gotten bigger with the new release, tyring to squeeze more on to the screen. Thank you for your help!!!

Serenaphic•13mo ago

No the padding between widgets hasn't changed, but if you're trying to get more into the board you might want to change the gridstack

Mark323OP•13mo ago

👍

Alex•8mo ago

@Tag Is there a way to just disable the torrent in the search bar? After looking at the DOM, I figured out you could do this div.mantine-Group-root.mantine-Autocomplete-item:nth-child(2) { display: none; } but the problem is that you're still able to use arrow keys to select it.

Serenaphic•8mo ago

Can't help until Wednesday on issues sorry. If you find a solution before then be sure to share it

Alex•8mo ago

I don't think there's a way to solve this client sided, would need to make changes to the codebase

Meierschlumpf•8mo ago

Yeah i guess this is true as the interaction uses an array in the code for the selection. Have you already opened a github issue for that?

Alex•8mo ago

I haven't but https://github.com/ajnart/homarr/issues/1647 should be similar

GitHub

Customize the search bar · Issue #1647 · ajnart/homarr

Description Hi! Is there a way to configure the search bar? I would like to be able to enable/disable google search hyperlink and/or torrent search and/or youtube search and have homarr only probin...

Meierschlumpf•8mo ago

Maybe add a comment about torrent

Alex•8mo ago

@Tag Have you had a chance to look at this?

Serenaphic•8mo ago

Thanks for reminding me x) Alright, got a bit of time, Basically what meierschlumpf said. Just give a thumbs up to the issue you linked.

Alex•8mo ago

Thumbs up? Where's that? I've made a comment on the issue tho

Serenaphic•8mo ago

Yeah that's what I meant x)

Gaming

Programming

How to hide the search bar in v0.14.1