HiveSuite Development Update: Inbox UI Fixes, Profile Drawer Refactor & Compact Manabar Improvements
Words
500
Reading
3 min
Listen
Play
4M
HiveSuite improves Inbox UI, adds a new profile drawer, and introduces compact manabar indicators.
HiveSuite
Inbox UI Fixes
Avatar & Notification Row Improvements
- fix: improve inbox avatars and compact mobile notification rows.
- Fixed oval avatar rendering issues in:
- Inbox
- Notifications
- Avatars now render with:
- Proper circular shape
- Correct image cropping
- Stable aspect-ratio handling
Mobile Notification Layout Improvements
Added compact mobile reply rows for improved spacing and readability.
Prevented notification type pills from wrapping:
- Example:
Reply Comment
- Example:
- Prevented timestamps such as:
15h ago- From breaking into multiple lines on smaller screens
- Improved alignment and consistency across notification list layouts.
- Outcome:
- Cleaner notification experience on mobile devices
- Better readability across Inbox interactions
- More polished avatar rendering throughout HiveSuite
Inbox Avatar Fixes
Before
After
Compact Mobile Notification Rows
Before
After
Profile Drawer Refactor
New Right-Side Profile Drawer
Added a new right-side profile drawer opened from the header avatar button.
Added header profile button displaying:
- Current user avatar
- Username
Navigation Restructure
- Moved logged-in user menus from the left drawer into the new profile drawer:
- Inbox
- Notifications
- My Profile
- My Videos
- Templates
- Bookmarks
- Ignored
- Admin
- Kept existing:
- Login
- Logout
- Switch-account flow
- Existing authentication button behavior remains integrated inside the profile drawer.
Sidebar Simplification
- Simplified left drawer to focus on:
- Application navigation
- Discovery sections
- Temporarily commented out:
- Curation menu
- Improved overall navigation clarity and separation between:
- App discovery
- User account management
- Outcome:
- Cleaner navigation hierarchy
- Better organization of user-specific actions
- Improved mobile and desktop navigation UX
New Profile Drawer
Simplified Sidebar Navigation
Compact Manabar UI Improvements
Mana Indicator Refactor
- Moved mana indicators into the new profile drawer:
- Voting Power
- Downvote Power
- Resource Credits
- Replaced large circular mana indicators with:
- Compact icon-based mana chips
- Reduced visual clutter and improved space efficiency inside the profile UI.
Resource Credits Accuracy Fix
- Fixed Resource Credits percentage calculation:
- Regenerated RC is now applied before percentage calculation
- RC values now align more accurately with:
- PeakD calculations
Header Layout Improvements
- Improved header spacing for:
- Feed filter dropdown
- Refresh button
- Refined header alignment and responsiveness across screen sizes.
- Outcome:
- More accurate mana information
- Cleaner and more compact account status UI
- Improved overall header and profile interaction experience
Profile Drawer RC Indicators
Powering the Hive Ecosystem
- Continuously improving navigation systems, account management UX, and responsive layouts for HiveSuite
- Building scalable and user-focused interaction systems for the Hive community
- Contributing towards a cleaner, more modern, and feature-rich Hive ecosystem
Final Note
- This post has been refined with the help of AI to improve readability and structure
- The original development updates and optimized version are both available for reference
More Links
| HiveSuite App | Vote as Witness | Support via Discord |
▶️ 3Speak