Hi all.
I am running OpenHab in Docker conteiner at version 4.3.1.
Goal:
I want my own default page based on SemanticHomeMenu.
https://community.openhab.org/t/semantichomemenu-for-openhab-4-discussions/152202
I maybe found two ways how to do it:
- Create new manifest file to avoid loading MainUI as decribed here: default page
- Modify Overview page layout to use my widget.
I would like to go with second option, but I have a problem with css styles which create big empty space at the top of the page (between header and my actual widget).
Here it is more less ok, but on phone it takes a lot of space:
First is some empty DIV with 31px padding:
Second is 15px padding of mainWidget:
Here is my Overview page code:
config:
hideNavbar: true
hideSidebarIcon: true
label: Overview
showFullscreenIcon: false
sidebar: true
style:
--f7-block-padding-horizontal: 0px
--f7-block-padding-vertical: 0px
--f7-navbar-height: 0
padding: 0
margin: 0
blocks:
- component: oh-block
config:
stylesheet: |
.block:first-child{
margin: 0px;
}
slots:
default:
- component: oh-grid-row
config: {}
slots:
default:
- component: oh-grid-col
config: {}
slots:
default:
- component: widget:semanticHomeMenu
config: {}
masonry: []
grid: []
canvas: []
And here Home Page settings:
config:
label: Home Page
simpleNavbarMobileDefault: true
simpleNavbarDesktopDefault: true
hiddenModelTabs:
- locations
- equipment
- properties
locations:
- component: oh-locations-tab
config: {}
slots: {}
equipment:
- component: oh-equipment-tab
config: {}
slots: {}
properties:
- component: oh-properties-tab
config: {}
slots: {}
Is there a way how to remove this gap?
Thanks.