fix: remove extra fixed canvas top margin
This commit is contained in:
1 parent
5887735bd5
commit
f23d197a35
4 files changed
+8
-8
No files matched your search
@@ -29,7 +29,8 @@ the current viewport.
|
||||
|
||||
By default, Homarr fits the complete fixed-proportion tile grid to the available width. Enable **Fixed scaling** in the
|
||||
board's Layout settings to render each top-level `1 × 1` tile at the configured CSS-pixel size instead. A fixed dashboard is
|
||||
centred when it fits and scrolls both horizontally and vertically when it does not.
|
||||
centred when it fits and scrolls both horizontally and vertically when it does not, without adding extra space above
|
||||
the board.
|
||||
|
||||
The column count is the maximum total for that layout, including any fixed sidebars. For example, a Base layout with
|
||||
five columns and no sidebars remains a centred five-column dashboard on an ultrawide screen. **Reset from Base**
|
||||
|
||||
@@ -57,8 +57,7 @@ export const BoardLayoutThumbnailCanvas = ({ preview, label, canvas, className }
|
||||
const pitch = LOGICAL_GRID_PITCH * metrics.scale;
|
||||
const canvasOffset = Math.max(0, (screenWidth - 32 - metrics.width) / 2);
|
||||
const contentWidth = Math.max(screenWidth, metrics.width + 32);
|
||||
let canvasTop = 16;
|
||||
if (settings.fixedScaling) canvasTop += 32 * metrics.scale;
|
||||
const canvasTop = 16;
|
||||
const contentHeight = rowCount * pitch + canvasTop + 16;
|
||||
const itemsById = new Map(preview.items.map((item) => [item.id, item]));
|
||||
const stationaryBackground = settings.fixedScaling || settings.backgroundImageAttachment === "fixed";
|
||||
|
||||
@@ -18,6 +18,11 @@
|
||||
transform: translateY(calc(-100% - 8px));
|
||||
}
|
||||
|
||||
/* Keep first-row labels inside the scrollport without adding space above the board. */
|
||||
:global([data-canvas-scaling="fixed"] [data-grid-y="0"] > .board-grid-content-mount) > .wrapper {
|
||||
transform: translateY(8px);
|
||||
}
|
||||
|
||||
.panel {
|
||||
@mixin dark {
|
||||
--background-color: rgb(from var(--mantine-color-dark-7) r g b / 0.96);
|
||||
|
||||
@@ -31,11 +31,6 @@
|
||||
margin-inline: auto;
|
||||
}
|
||||
|
||||
.viewport[data-canvas-scaling="fixed"] .sizer {
|
||||
/* Leave room for edit labels and controls that intentionally sit above first-row tiles. */
|
||||
margin-block-start: calc(2rem * var(--board-canvas-scale, 1));
|
||||
}
|
||||
|
||||
.viewport[data-canvas-scaling="fixed"] .canvas {
|
||||
/* Fixed size describes every painted tile, including container sections. */
|
||||
--board-grid-item-inset: calc(var(--board-grid-card-inset, 10px) * var(--board-canvas-inverse-scale, 1));
|
||||
|
||||
Reference in new issue
Block a user