settings ui/ux optimization

This commit is contained in:
2026-03-09 22:29:45 +01:00
parent 1b872f145c
commit 6286ec4179
5 changed files with 477 additions and 267 deletions

View File

@@ -15,12 +15,32 @@
line-height: 1.25;
text-transform: none;
background: var(--app-card-sectioning-background-color);
display: flex;
align-items: center;
gap: calc(var(--app-spacing) * 0.5);
}
details.app-details-card > summary::after {
margin-inline-start: calc(var(--app-spacing) * 0.5);
}
details.app-details-card > summary .app-details-card-summary-title {
min-width: 0;
overflow-wrap: anywhere;
}
details.app-details-card > summary .app-details-card-summary-meta {
margin-inline-start: auto;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: calc(var(--app-spacing) * 0.35);
}
details.app-details-card > summary .app-details-card-summary-meta .badge {
white-space: nowrap;
}
details.app-details-card[open] > summary {
margin-bottom: var(--app-spacing);
border-bottom: 1px solid

View File

@@ -1,13 +1,8 @@
const initTelemetrySettings = () => {
const panel = document.querySelector('[data-tab-panel="telemetry"]');
if (!panel) {
return;
}
const toggle = panel.querySelector('[data-telemetry-enabled-toggle]');
const samplingFieldset = panel.querySelector('[data-telemetry-sampling-fieldset]');
const samplingRow = panel.querySelector('[data-telemetry-sampling-row]');
const samplingSelect = panel.querySelector('[data-telemetry-sampling-select]');
const toggle = document.querySelector('[data-telemetry-enabled-toggle]');
const samplingFieldset = document.querySelector('[data-telemetry-sampling-fieldset]');
const samplingRow = document.querySelector('[data-telemetry-sampling-row]');
const samplingSelect = document.querySelector('[data-telemetry-sampling-select]');
if (!toggle || !samplingFieldset) {
return;