Improve startup animation and traffic chart headroom

2026-08-07 22:03:18 +03:00
parent fbf22e0b88
commit b2a2ed7104
6 changed files with 54 additions and 19 deletions
@@ -32,6 +32,17 @@ test('desktop layout keeps the power control on a symmetric center axis', () =>
  assert.match(styles, /\.client-panel\.has-subscription \.client-form-content \{[\s\S]*padding-top:\s*var\(--client-power-top\)/);
 });

+test('page reload plays one stable startup sequence', () => {
+  assert.match(component, /const \[showIntro, setShowIntro\] = useState\(true\)/);
+  assert.match(component, /\$\{showIntro \? ' is-intro' : ''\}/);
+  assert.doesNotMatch(component, /showIntro && !hasSubscription/);
+  assert.match(styles, /\.client-shell\.is-intro \.harbor-brand-content \{[\s\S]*harbor-startup-brand 1200ms/);
+  assert.match(styles, /@keyframes harbor-startup-brand[\s\S]*translateY\(53px\)/);
+  assert.match(styles, /\.client-shell\.is-intro \.client-panel,[\s\S]*\.client-secondary-menu,[\s\S]*\.harbor-versions \{[\s\S]*harbor-startup-content 680ms 520ms/);
+  assert.match(styles, /@keyframes harbor-startup-content[\s\S]*opacity: 0;[\s\S]*filter: blur\(10px\)/);
+  assert.match(styles, /@media \(prefers-reduced-motion: reduce\)[\s\S]*\.client-shell\.is-intro \.client-panel,[\s\S]*animation: none/);
+});
+
 test('server rows scroll without moving the subscription column or showing a scrollbar', () => {
  const scroll = rule('.client-server-scroll');
  const simpleScroll = rule('.client-server-mode-panel.is-simple .client-server-scroll');