HiveSuite Development Update: Inbox UI Fixes, Profile Drawer Refactor & Compact Manabar Improvements

in HiveDevs2 days ago

▶️ Watch on 3Speak


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
  • 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
Inbox Avatar Fixes - Before

After
Inbox Avatar Fixes - After

Compact Mobile Notification Rows

Before
Compact Mobile Notification Rows fixes - Before

After
Compact Mobile Notification Rows fixes - 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
New Profile Drawer

Simplified Sidebar Navigation
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
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


▶️ 3Speak


via Apps from

Sort:  

This post has been manually curated by @steemflow from Indiaunited community. Join us on our Discord Server.

Do you know that you can earn a passive income by delegating to @indiaunited. We share more than 100 % of the curation rewards with the delegators in the form of IUC tokens.

Here are some handy links for delegations: 100HP, 250HP, 500HP, 1000HP.

image.png

100% of the rewards from this comment goes to the curator for their manual curation efforts. Please encourage the curator @steemflow by upvoting this comment and support the community by voting the posts made by @indiaunited.

@indiaunited & @steemflow

Thank you 🙏
Thank you 🤩
For curation based support

Excellent interface update for the inbox.

@solorzanot thank you
Please continue using hivesuite app
Have a good day

The Inbox UI fixes are timely. Hive's notification system has been one of the weaker parts of the UX compared to Web2 platforms. If the profile drawer refactor also consolidates the notification feed so users don't miss comment replies and mentions, that alone improves retention. Have you considered adding a 'mark all read' option in the same pass?

@bitmoving thank you so much for reading my post & trying the app.
Yes we have mark all as read button. Give it a try & share feedback.

hmm it looks like something is wrong with hivesuit.app ...

@stresskiller may be your browser?
What browser are you using?

Image

this is what I see.

okay. I'll check in firefox & get back to you. It should not show such warning. I am using github pages for hivesuite app so it's very uncommon.

no idea what is trigering it already checked my ntp server settings . and forced maual time sync to make sure that wasn't the problem.

ok. So does it mean that issue no longer persist or do you still encounter issue?

the problem is still there in firefox and chrome

Uploading image.png #79

it does load on brave but on chrome i get something simular