jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix issue where gridstack items can have a width of zero (#85)

Browse Source
This commit is contained in:
Meier Lukas
2024-02-11 16:18:15 +01:00
committed by GitHub
parent 34f06e817d
commit 25693b10b1
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/nextjs/src/styles/gridstack.scss
View File

@@ -17,6 +17,12 @@
} }
} }
// Define min size for gridstack items
.grid-stack > .grid-stack-item {
min-width: calc(100% / var(--gridstack-column-count));
min-height: calc(1px * var(--gridstack-widget-width));
}
// Styling for grid-stack main area // Styling for grid-stack main area
@for $i from 1 to 96 { @for $i from 1 to 96 {
.grid-stack > .grid-stack-item[gs-w="#{$i}"] { .grid-stack > .grid-stack-item[gs-w="#{$i}"] {
@@ -54,10 +60,6 @@
} }
} }
.grid-stack > .grid-stack-item {
min-width: #{var(--gridstack-widget-width)};
}
// Styling for sidebar grid-stack elements // Styling for sidebar grid-stack elements
@for $i from 1 to 96 { @for $i from 1 to 96 {
.grid-stack.grid-stack-sidebar > .grid-stack-item[gs-w="#{$i}"] { .grid-stack.grid-stack-sidebar > .grid-stack-item[gs-w="#{$i}"] {