diff --git a/apps/nextjs/src/components/board/items/item-content.module.css b/apps/nextjs/src/components/board/items/item-content.module.css index c00ac34d4..ab2fc9052 100644 --- a/apps/nextjs/src/components/board/items/item-content.module.css +++ b/apps/nextjs/src/components/board/items/item-content.module.css @@ -1,7 +1,7 @@ .settingsButton { position: absolute; - top: -34px; - right: 14px; + top: 4px; + right: 4px; z-index: 201; opacity: 0; pointer-events: none; diff --git a/apps/nextjs/src/components/board/items/widget-hover-overlay.module.css b/apps/nextjs/src/components/board/items/widget-hover-overlay.module.css index 25a8708f9..5d8e95f59 100644 --- a/apps/nextjs/src/components/board/items/widget-hover-overlay.module.css +++ b/apps/nextjs/src/components/board/items/widget-hover-overlay.module.css @@ -49,12 +49,14 @@ } .widgetIcon { + width: var(--mantine-font-size-sm); + height: var(--mantine-font-size-sm); flex-shrink: 0; color: var(--mantine-color-dimmed); } .name { - font-size: 11px; + font-size: var(--mantine-font-size-xs); font-weight: 600; line-height: 1.2; white-space: nowrap; @@ -94,7 +96,7 @@ padding: 2px 6px; border-radius: var(--mantine-radius-md); background-color: var(--chip-background); - font-size: 10px; + font-size: var(--mantine-font-size-xxs); line-height: 1.2; white-space: nowrap; overflow: hidden; diff --git a/apps/nextjs/src/components/board/layout/scaled-board-canvas.module.css b/apps/nextjs/src/components/board/layout/scaled-board-canvas.module.css index a072d8c74..49f71bf7b 100644 --- a/apps/nextjs/src/components/board/layout/scaled-board-canvas.module.css +++ b/apps/nextjs/src/components/board/layout/scaled-board-canvas.module.css @@ -2,7 +2,8 @@ width: 100%; max-width: 100%; min-width: 0; - overflow: clip; + overflow-x: clip; + overflow-y: visible; } .viewport[data-board-hydrated="false"] { diff --git a/apps/nextjs/src/components/board/sections/grid/grid-editor.css b/apps/nextjs/src/components/board/sections/grid/grid-editor.css index 53079451f..0de7580b3 100644 --- a/apps/nextjs/src/components/board/sections/grid/grid-editor.css +++ b/apps/nextjs/src/components/board/sections/grid/grid-editor.css @@ -13,7 +13,7 @@ .board-grid-entry:has([data-board-widget-header]):hover, .board-grid-entry:has([data-board-widget-header]):focus-within { - z-index: 10; + z-index: var(--homarr-z-index-widget-focus); } .board-grid-entry[data-grid-preview="true"] {