Feature: Mobile responsiveness #2081
Conversation
- Changed background color of the mobile navigation bar to 'bg-surface'. - Adjusted breadcrumb navigation to be hidden on smaller screens. - Modified padding in sidebar navigation items for better alignment. - Enhanced balance sheet display by appending total assets/liabilities to the classification group title. - Progress Pills implemented on mobile
…wind v4 update previously) - Deleted the notification partial as it seems not used
…ight, better charts mobile responsiveness
- New button modifier, fix layout dashboard and transaction - Search form with mobile-specific placeholder text and filter - Transaction summary adapt to different screen sizes - Added a Responsive Attribute Stimulus Controller: Change any attribute by breakpoint
- Tab and Icon mobile sizes - Transaction listing and forms adapted to different screen sizes - Added responsive to selection bar - Ensure full-screen to bulk edit and drawer
- Mobile nav header on import views - Updated select field styling with Stimulus controller for dynamic class changes based on value (like input placeholder) - Adjusted layout for import configurations and tables - Updated some placeholder text
- Added helper methods to tab switch. - Update views to follow Figma files. - Updated donut chart controller to conditionally render based on the actuals tab.
…ow when clicked. - Add mobile-only Buttons - Added height to the scrollbar - Updated settings navigation to include icons - Added a nice Preserve Scroll logic, applied on Mobile menu - Categories color picker is okay on mobile, need enhance on Tablet
LEstradioto
force-pushed
the
mobile-responsiveness
branch
from
10719d2 to
53e0f28
Compare
…he mobile menu. - Updated sidebar navigation item icon for Assistant - Adjusted CSS classes for active state in sidebar navigation
- Updated user_params to remove password confirmation from permitted params - Disabled default password validations in User model, added custom validations for password strength. - Improved password input fields in registration forms with strength indicators and toggle visibility. - Adjusted layout in authentication views for better alignment and user experience.
|
Hi there. Ive finished. There is a lot to show, but here is a video showcasing everything. mobile_responsiveness.mp4 |
|
@Shpigford I appreciate a review on this too! |
…ile image preview functionality, and adjust layout for mobile responsiveness in various views.
|
Thank you for the work you started on this! Means a lot that you took the time and effort on it. We ultimately moved forward and merged #2092, but I'll be sending over a tip via Algora. |
|
/tip $250 |
|
@LEstradioto: You've been awarded a $250 by Maybe! 👉 Complete your Algora onboarding to collect the tip. |
|
Thanks for the appreciation and the generous tip! I have great admiration for @neo773's skills. With all due respect, I was really confused about the Bounty terms this time. At the time, #2092 was not completed despite being marked as "Ready for review". I had the option to transition my submission from Draft to Ready prior to that pull request, but refrained from doing so as it was not yet ready, similar to #2092. And I feel I just lose the Bounty because that. Here is some topics that are added on this PR, I think would be benefical for the app anyways:
Do you want me to separate those in another PR ? |
|
🎉🎈 @LEstradioto has been awarded $250 by Maybe! 🎈🎊 |
2 participants
/claim #2077
Hi, Im working on this,
opening as draft, as it will have lots of changing.SOME NOTES
Figma presents an Abbreviated display on Assets money. Like the image:Perhaps this should be implemented in another PR. Because it should handle i18n/intl properly, for Totals like 1.5B, 100M or 100K. For now, I just displayed without abbrev.Implemented the abbreviation system (but just like the current format method, not with extensive i18n support)
I couldnt see some features, like “Export transactions”,
“Download a CSV example?” (at import view), “That AI thing on CSV” (at import view).So I just ignored those.Download CSV sample is implemented.
Could implement Export and AI csv helper, but... since this will have a lot of changing, and breaking tests probably. Better do on another PR. Just let me know if you need it in this scope.
I will keep a TODO to stay organized: