@checkstack/slo-frontend 0.5.5 → 0.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/package.json +2 -2
- package/src/pages/SloOverviewPage.tsx +7 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @checkstack/slo-frontend
|
|
2
2
|
|
|
3
|
+
## 0.5.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- dbe89ae: fix(slo): stop SLO overview cards stretching to the sidebar height
|
|
8
|
+
|
|
9
|
+
On the SLO Dashboard the card grid sits next to a taller sidebar in an
|
|
10
|
+
`items-stretch` layout, so the card grid was stretched to the sidebar's
|
|
11
|
+
height and the default `align-content` then stretched the card rows to fill
|
|
12
|
+
it, leaving large empty space inside each card. The card grid now uses
|
|
13
|
+
`content-start` so rows stay content-sized, while `h-full` on the card/anchor
|
|
14
|
+
still makes cards within the same row match each other.
|
|
15
|
+
|
|
16
|
+
- Updated dependencies [f9cfdae]
|
|
17
|
+
- @checkstack/dependency-common@1.2.5
|
|
18
|
+
|
|
3
19
|
## 0.5.5
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@checkstack/slo-frontend",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.6",
|
|
4
4
|
"license": "Elastic-2.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "src/index.tsx",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"@checkstack/catalog-common": "2.3.4",
|
|
17
17
|
"@checkstack/common": "0.15.0",
|
|
18
18
|
"@checkstack/dashboard-frontend": "0.8.5",
|
|
19
|
-
"@checkstack/dependency-common": "1.2.
|
|
19
|
+
"@checkstack/dependency-common": "1.2.5",
|
|
20
20
|
"@checkstack/frontend-api": "0.9.0",
|
|
21
21
|
"@checkstack/healthcheck-common": "1.5.4",
|
|
22
22
|
"@checkstack/signal-frontend": "0.2.4",
|
|
@@ -82,16 +82,20 @@ const SloOverviewPageContent: React.FC = () => {
|
|
|
82
82
|
/>
|
|
83
83
|
) : (
|
|
84
84
|
<div className="grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-6">
|
|
85
|
-
|
|
85
|
+
{/* content-start: this grid is stretched to the sidebar's height by
|
|
86
|
+
the outer items-stretch grid; without it, the default align-content
|
|
87
|
+
stretches the card rows to fill that height. Keep cards content-sized
|
|
88
|
+
while h-full still makes cards within a row match each other. */}
|
|
89
|
+
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 content-start">
|
|
86
90
|
{objectives.map((item) => (
|
|
87
91
|
<Link
|
|
88
92
|
key={item.objective.id}
|
|
89
93
|
to={resolveRoute(sloRoutes.routes.detail, {
|
|
90
94
|
sloId: item.objective.id,
|
|
91
95
|
})}
|
|
92
|
-
className="block no-underline"
|
|
96
|
+
className="block no-underline h-full"
|
|
93
97
|
>
|
|
94
|
-
<Card className="transition-colors hover:border-primary/50">
|
|
98
|
+
<Card className="h-full transition-colors hover:border-primary/50">
|
|
95
99
|
<CardHeader className="pb-3">
|
|
96
100
|
<div className="flex items-center justify-between">
|
|
97
101
|
<CardTitle className="text-sm font-medium">
|