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

avatar

▶️ 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
HiveSuite AppVote as WitnessSupport via Discord


▶️ 3Speak


via Apps from



0
0
0.000
14 comments
avatar

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

0
0
0.000
avatar

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

Image

this is what I see.

0
0
0.000
avatar

0
0
0.000
avatar

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.

0
0
0.000
avatar

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.

0
0
0.000
avatar

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

0
0
0.000
avatar

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.

0
0
0.000