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

🐛 Fix styling issue after category movement

Browse Source
This commit is contained in:
Meierschlumpf
2023-01-07 09:33:14 +01:00
parent 6e4938482e
commit 6be0779ac3
3 changed files with 203 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

387
data/configs/default.json
View File

@@ -4,6 +4,11 @@
"name": "default" "name": "default"
}, },
"categories": [ "categories": [
{
"id": "c1c4bec3-1044-4a80-957f-afe7ff49f421",
"name": "Test",
"position": 2
},
{ {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33f", "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33f",
"position": 0, "position": 0,
@@ -12,72 +17,15 @@
], ],
"wrappers": [ "wrappers": [
{ {
"id": "default", "id": "943f0681-a15b-4576-9a61-a74bd6fdd3ab",
"position": 1 "position": 1
},
{
"id": "default",
"position": 3
} }
], ],
"apps": [ "apps": [
{
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33a",
"name": "Documentation",
"url": "https://homarr.dev",
"behaviour": {
"onClickUrl": "https://homarr.dev",
"externalUrl": "https://homarr.dev",
"isOpeningNewTab": true
},
"network": {
"enabledStatusChecker": false,
"okStatus": [
200
]
},
"appearance": {
"iconUrl": "/imgs/logo/logo.png"
},
"integration": {
"type": null,
"properties": []
},
"area": {
"type": "category",
"properties": {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33f"
}
},
"shape": {
"md": {
"location": {
"x": 0,
"y": 10
},
"size": {
"width": 2,
"height": 1
}
},
"sm": {
"location": {
"x": 0,
"y": 10
},
"size": {
"width": 2,
"height": 1
}
},
"lg": {
"location": {
"x": 3,
"y": 1
},
"size": {
"width": 1,
"height": 1
}
}
}
},
{ {
"id": "76217a87-7151-42d0-b0cf-1b72aef63f83", "id": "76217a87-7151-42d0-b0cf-1b72aef63f83",
"name": "Small app", "name": "Small app",
@@ -136,64 +84,6 @@
"properties": [] "properties": []
} }
}, },
{
"id": "5df743d9-5cb1-457c-85d2-64ff86855652",
"name": "Your app",
"url": "https://homarr.dev",
"appearance": {
"iconUrl": "/imgs/logo/logo.png"
},
"network": {
"enabledStatusChecker": false,
"okStatus": []
},
"behaviour": {
"isOpeningNewTab": true,
"externalUrl": "https://homarr.dev"
},
"area": {
"type": "category",
"properties": {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33f"
}
},
"shape": {
"md": {
"location": {
"x": 2,
"y": 0
},
"size": {
"width": 1,
"height": 1
}
},
"sm": {
"location": {
"x": 2,
"y": 0
},
"size": {
"width": 1,
"height": 1
}
},
"lg": {
"location": {
"x": 1,
"y": 0
},
"size": {
"width": 1,
"height": 1
}
}
},
"integration": {
"type": null,
"properties": []
}
},
{ {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a990", "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a990",
"name": "Donate", "name": "Donate",
@@ -255,6 +145,183 @@
} }
} }
}, },
{
"id": "e41a11f5-9c6e-41bc-ac0e-4c4c47582faa",
"name": "Haha",
"url": "https://homarr.dev",
"appearance": {
"iconUrl": "/imgs/logo/logo.png"
},
"network": {
"enabledStatusChecker": false,
"okStatus": []
},
"behaviour": {
"isOpeningNewTab": true,
"externalUrl": ""
},
"area": {
"type": "category",
"properties": {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33f"
}
},
"shape": {
"md": {
"location": {
"x": 0,
"y": 3
},
"size": {
"width": 1,
"height": 1
}
},
"sm": {
"location": {
"x": 2,
"y": 2
},
"size": {
"width": 1,
"height": 1
}
},
"lg": {
"location": {
"x": 0,
"y": 6
},
"size": {
"width": 1,
"height": 1
}
}
},
"integration": {
"type": null,
"properties": []
}
},
{
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33a",
"name": "Documentation",
"url": "https://homarr.dev",
"behaviour": {
"onClickUrl": "https://homarr.dev",
"externalUrl": "https://homarr.dev",
"isOpeningNewTab": true
},
"network": {
"enabledStatusChecker": false,
"okStatus": [
200
]
},
"appearance": {
"iconUrl": "/imgs/logo/logo.png"
},
"integration": {
"type": null,
"properties": []
},
"area": {
"type": "category",
"properties": {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33f"
}
},
"shape": {
"md": {
"location": {
"x": 0,
"y": 10
},
"size": {
"width": 2,
"height": 1
}
},
"sm": {
"location": {
"x": 0,
"y": 10
},
"size": {
"width": 2,
"height": 1
}
},
"lg": {
"location": {
"x": 3,
"y": 1
},
"size": {
"width": 1,
"height": 1
}
}
}
},
{
"id": "5df743d9-5cb1-457c-85d2-64ff86855652",
"name": "Your app",
"url": "https://homarr.dev",
"appearance": {
"iconUrl": "/imgs/logo/logo.png"
},
"network": {
"enabledStatusChecker": false,
"okStatus": []
},
"behaviour": {
"isOpeningNewTab": true,
"externalUrl": "https://homarr.dev"
},
"area": {
"type": "category",
"properties": {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33f"
}
},
"shape": {
"md": {
"location": {
"x": 2,
"y": 0
},
"size": {
"width": 1,
"height": 1
}
},
"sm": {
"location": {
"x": 2,
"y": 1
},
"size": {
"width": 1,
"height": 1
}
},
"lg": {
"location": {
"x": 1,
"y": 0
},
"size": {
"width": 1,
"height": 1
}
}
},
"integration": {
"type": null,
"properties": []
}
},
{ {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a337", "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a337",
"name": "Discord", "name": "Discord",
@@ -316,64 +383,6 @@
} }
} }
}, },
{
"id": "615e43bd-f0aa-4117-ba49-b6495c039f3e",
"name": "Your app",
"url": "https://homarr.dev",
"appearance": {
"iconUrl": "/imgs/logo/logo.png"
},
"network": {
"enabledStatusChecker": false,
"okStatus": []
},
"behaviour": {
"isOpeningNewTab": true,
"externalUrl": "https://homarr.dev"
},
"area": {
"type": "wrapper",
"properties": {
"id": "default"
}
},
"shape": {
"sm": {
"location": {
"x": 0,
"y": 5
},
"size": {
"width": 1,
"height": 1
}
},
"md": {
"location": {
"x": 0,
"y": 5
},
"size": {
"width": 1,
"height": 1
}
},
"lg": {
"location": {
"x": 0,
"y": 5
},
"size": {
"width": 1,
"height": 1
}
}
},
"integration": {
"type": null,
"properties": []
}
},
{ {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a330", "id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a330",
"name": "Contribute", "name": "Contribute",
@@ -436,8 +445,8 @@
} }
}, },
{ {
"id": "e41a11f5-9c6e-41bc-ac0e-4c4c47582faa", "id": "615e43bd-f0aa-4117-ba49-b6495c039f3e",
"name": "Haha", "name": "Your app",
"url": "https://homarr.dev", "url": "https://homarr.dev",
"appearance": { "appearance": {
"iconUrl": "/imgs/logo/logo.png" "iconUrl": "/imgs/logo/logo.png"
@@ -448,29 +457,29 @@
}, },
"behaviour": { "behaviour": {
"isOpeningNewTab": true, "isOpeningNewTab": true,
"externalUrl": "" "externalUrl": "https://homarr.dev"
}, },
"area": { "area": {
"type": "category", "type": "wrapper",
"properties": { "properties": {
"id": "47af36c0-47c1-4e5b-bfc7-ad645ee6a33f" "id": "default"
} }
}, },
"shape": { "shape": {
"md": { "sm": {
"location": { "location": {
"x": 0, "x": 0,
"y": 3 "y": 5
}, },
"size": { "size": {
"width": 1, "width": 1,
"height": 1 "height": 1
} }
}, },
"sm": { "md": {
"location": { "location": {
"x": 2, "x": 0,
"y": 2 "y": 5
}, },
"size": { "size": {
"width": 1, "width": 1,
@@ -480,7 +489,7 @@
"lg": { "lg": {
"location": { "location": {
"x": 0, "x": 0,
"y": 6 "y": 5
}, },
"size": { "size": {
"width": 1, "width": 1,

2
src/config/store.ts
View File

@@ -75,7 +75,7 @@ interface UseConfigStoreType {
updateConfig: ( updateConfig: (
name: string, name: string,
updateCallback: (previous: ConfigType) => ConfigType, updateCallback: (previous: ConfigType) => ConfigType,
shouldRegenerateGridstace?: shouldRegenerateGridstack?:
| boolean | boolean
| ((previousConfig: ConfigType, currentConfig: ConfigType) => boolean), | ((previousConfig: ConfigType, currentConfig: ConfigType) => boolean),
shouldSaveConfigToFileSystem?: boolean shouldSaveConfigToFileSystem?: boolean

8
src/styles/global.scss
View File

@@ -25,9 +25,9 @@
} }
@for $i from 1 to 96 { @for $i from 1 to 96 {
.grid-stack>.grid-stack-item[gs-h="#{$i}"] { height: calc(#{$i} * #{var(--gridstack-widget-width)}) } .grid-stack>.grid-stack-item[gs-h="#{$i}"] { height: calc(#{$i}px * #{var(--gridstack-widget-width)}) }
.grid-stack>.grid-stack-item[gs-min-h="#{$i}"] { min-height: calc(#{$i} * #{var(--gridstack-widget-width)}) } .grid-stack>.grid-stack-item[gs-min-h="#{$i}"] { min-height: calc(#{$i}px * #{var(--gridstack-widget-width)}) }
.grid-stack>.grid-stack-item[gs-max-h="#{$i}"] { max-height: calc(#{$i} * #{var(--gridstack-widget-width)}) } .grid-stack>.grid-stack-item[gs-max-h="#{$i}"] { max-height: calc(#{$i}px * #{var(--gridstack-widget-width)}) }
} }
@for $i from 1 to 13 { @for $i from 1 to 13 {
@@ -36,7 +36,7 @@
@for $i from 1 to 96 { @for $i from 1 to 96 {
.grid-stack>.grid-stack-item[gs-y="#{$i}"] { top: calc(#{$i} * #{var(--gridstack-widget-width)}) } .grid-stack>.grid-stack-item[gs-y="#{$i}"] { top: calc(#{$i}px * #{var(--gridstack-widget-width)}) }
} }
.grid-stack>.grid-stack-item { .grid-stack>.grid-stack-item {