Skip to content

BLIP [0.7.4] — Signal

Choose a tag to compare

View all tags
@krwg krwg released this 18 May 00:41
· 35 commits to main since this release
0.7.4
2f1d6c4

Critical UI fixes: reliable clicks, restored scrolling, and refined avatar sizing — all in crisp pixel style.

Fixed

  • Electron Hit-Testing — Resolved issue where backdrop-filter on .glass panels blocked click events. Hover worked, but clicks didn't register. Fixed by disabling backdrop-filter on interactive surfaces (chat, settings, peer list).
  • Scroll Restoration — Vertical scrolling now works reliably: main-content uses overflow-y: auto; chat-messages uses min-height: 0 for correct inner scroll containment.
  • Pointer Events & Selection — Explicit pointer-events: auto on headers, input fields, and buttons; user-select: text restored for editable fields.

UI Polish

  • Font Stack Unification — BlipPixel (unified Latin+Cyrillic) now takes priority over Minecraft, ensuring consistent pixel rendering for both English and Russian text across all UI elements.
  • Centered "About" Page — Full-width panel with max-width + margin: auto for perfect horizontal + vertical centering.
  • Refined Avatar Sizes — Smaller, tighter avatars for better density:
    Location Size
    Chat bubbles 28×28 px
    Peer list / Chat hub 24×24 px
    Settings preview 40×40 px

Technical

  • CSS Specificity — Targeted overrides for .glass panels to preserve visual style while restoring interactivity.
  • Font Loading — Unified BlipPixel woff2 stack ensures Cyrillic and Latin glyphs render from the same source, eliminating fallback mismatches.

Release Test Plan

  • Click buttons/inputs in chat, settings, peer list → actions trigger reliably
  • Scroll vertically in main window and chat → smooth, no stuck scrollbars
  • Select text in input/textarea → works as expected
  • View UI in EN and RU → pixel font renders consistently for both languages
  • Open "About" page → content centered horizontally and vertically
  • Check avatars in chat (28px), peer list (24px), settings (40px) → sizes match spec

Documentation

See CHANGELOG.md, README.md, and docs/ARCHITECTURE.md for CSS hit-testing notes, font stack configuration, and avatar rendering pipeline.

Upgrade & Run

  • Packaged builds automatically check for updates on startup.
  • From source: 
    git pull origin main
npm install
npm run build
npm run electron:dev

Full Changelog: 0.6.0...0.7.4

Assets 5
Loading