mirror of
https://github.com/block/buzz.git
synced 2026-08-18 06:50:31 +02:00
klopez4212andGitHub
01c23810fa
## Summary - replace mobile connecting and reconnecting banners with element-shaped skeletons for channel lists and message timelines - add a low-contrast two-second shimmer and same-slot reveal, with reduced-motion support - align top, section, loaded-row, and skeleton label columns ## Why Connection banners shifted content and did not match the desktop loading treatment. The skeletons preserve layout and make reconnects less disruptive. ## Testing - `just mobile-check` - `just mobile-test` — 704 passed, 1 skipped - Pixel 10 visual verification in loaded and reconnecting states --------- Signed-off-by: kenny lopez <klopez4212@gmail.com>
18 lines
450 B
Dart
18 lines
450 B
Dart
import 'dart:ui';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_hooks/flutter_hooks.dart';
|
|
|
|
import '../theme/theme.dart';
|
|
|
|
part 'skeleton_bar.dart';
|
|
part 'skeleton_mask.dart';
|
|
part 'skeleton_reveal.dart';
|
|
part 'skeleton_shimmer.dart';
|
|
|
|
const _shimmerDuration = Duration(milliseconds: 2000);
|
|
const _skeletonOpacity = 0.1;
|
|
const _shimmerMinOpacity = 0.5;
|
|
const _revealDuration = Duration(milliseconds: 400);
|
|
const _revealBlur = 2.0;
|