@scalio-cloud/ui 0.6.0 → 0.6.2
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 +8 -0
- package/nav.css +5 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.6.2
|
|
4
|
+
- **Visible change for apps using `SettingsLayout`:** the settings area uses the full width of the window (was at most
|
|
5
|
+
64rem), so wide screens show more cards side by side. No change for other apps.
|
|
6
|
+
|
|
7
|
+
## 0.6.1
|
|
8
|
+
- **Visible change for apps using `SettingsLayout`:** the settings page has no outer padding of its own any more;
|
|
9
|
+
the app's content area brings it (0.6.0 had both, so the page got a double margin). No change for other apps.
|
|
10
|
+
|
|
3
11
|
## 0.6.0
|
|
4
12
|
- New `SettingsLayout` and `SettingsSection` for the settings page (UISPEC "Einstellungen"): sub-navigation on
|
|
5
13
|
the left in fixed groups (Allgemein, app groups, Verbindungen, Benachrichtigungen, Sicherheit, System) with a
|
package/nav.css
CHANGED
|
@@ -206,8 +206,9 @@
|
|
|
206
206
|
.dark .scalio-badge.is-warn, .dark .scalio-kpi.is-warn .scalio-kpi-value { color: #fbbf24; }
|
|
207
207
|
|
|
208
208
|
/* Settings page: sub-navigation left (from 768px), areas right; phones get a select instead. */
|
|
209
|
-
|
|
210
|
-
|
|
209
|
+
/* No outer padding: the app's content area already has its own. */
|
|
210
|
+
.scalio-settings { display: flex; flex-direction: column; gap: 1.5rem; min-width: 0; }
|
|
211
|
+
@media (min-width: 768px) { .scalio-settings { flex-direction: row; align-items: flex-start; gap: 2.5rem; } }
|
|
211
212
|
.scalio-settings-nav { display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; }
|
|
212
213
|
@media (min-width: 768px) { .scalio-settings-nav { width: 15rem; flex-shrink: 0; position: sticky; top: 1.5rem; } }
|
|
213
214
|
.scalio-settings-search {
|
|
@@ -237,7 +238,8 @@
|
|
|
237
238
|
.scalio-settings-item.is-active { border-left-color: hsl(var(--primary)); color: hsl(var(--foreground)); font-weight: 600; background: hsl(var(--muted)); }
|
|
238
239
|
.scalio-settings-item:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: -2px; }
|
|
239
240
|
.scalio-settings-empty { margin: 0; padding: 0 0.75rem; font-size: 0.8125rem; color: hsl(var(--muted-foreground)); }
|
|
240
|
-
|
|
241
|
+
/* Full width: the areas arrange their cards in a grid that grows with the window. */
|
|
242
|
+
.scalio-settings-main { flex: 1 1 auto; min-width: 0; }
|
|
241
243
|
.scalio-settings-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
|
|
242
244
|
.scalio-settings-body { display: flex; flex-direction: column; }
|
|
243
245
|
.scalio-settings-section-footer { display: flex; justify-content: flex-end; gap: 0.5rem; padding-top: 0.25rem; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scalio-cloud/ui",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.2",
|
|
4
4
|
"description": "Scalio Control Room design tokens, Tailwind preset, self-hosted fonts, the shared app header, sign-in layout, sidebar and page blocks",
|
|
5
5
|
"license": "SEE LICENSE IN README.md",
|
|
6
6
|
"private": false,
|