Skip to content

Conversation

@fabienSvtr
Copy link
Contributor

@fabienSvtr fabienSvtr commented Dec 31, 2025

What's included:

  • Dashboard responsive
  • Invoices page responsive (scrollable table)
  • Payment methods responsive
  • Billing page (responsive + Additional info field not shown if empty)
  • Profile header (according to Parsec client)
  • My profile page responsive
  • Sidebar:
    • Hidden in SmallDisplay
    • Bigger button
    • Click on button close menu
    • Toggle menu button
Client.area.responsive.-.Saas.mov

closes #10342, closes #11998

@fabienSvtr fabienSvtr force-pushed the ms-client-area-style-miscellaneous branch from 4af4a88 to 818f04b Compare January 2, 2026 13:21
@fabienSvtr fabienSvtr changed the title [MS] Client Area Style Miscellaneous [MS] Client Area Style Miscellaneous (Saas only) Jan 2, 2026
@fabienSvtr fabienSvtr marked this pull request as ready for review January 2, 2026 13:26
@fabienSvtr fabienSvtr requested a review from a team as a code owner January 2, 2026 13:26
@fabienSvtr fabienSvtr force-pushed the ms-client-area-style-miscellaneous branch from bb9fc99 to 6de1a87 Compare January 5, 2026 13:29
Copy link
Contributor

@Ironicbay Ironicbay left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Organization statistics page is not done yet
Screenshot 2026-01-08 at 09 15 00

@click="isSidebarMenuVisible ? hideSidebarMenu() : resetSidebarMenu()"
:image="SidebarToggle"
/>
<ion-menu-toggle v-if="!isMobile() && isSmallDisplay">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why !isMobile()? Wouldn't we want this toggle on mobile as well?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

After selecting an organization on the statistics page, there's no indication of it in small display (it's displayed in the sidebar on large display).
I would either add the organization name somewhere visible like below the header, or add the switch organization popover somewhere in the page. But as I specified in my first comment, the organization-specific statistics page is not done yet

Comment on lines +368 to +372
const filteredOrganizations = computed(() =>
searchQuery.value.trim()
? props.organizations.filter((org) => org.name.toLowerCase().includes(searchQuery.value.toLowerCase().trim()))
: props.organizations,
);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

suggestion: Use if/else rather than ternaries for code clarity.

Suggested change
const filteredOrganizations = computed(() =>
searchQuery.value.trim()
? props.organizations.filter((org) => org.name.toLowerCase().includes(searchQuery.value.toLowerCase().trim()))
: props.organizations,
);
const filteredOrganizations = computed(() => {
const query = searchQuery.value.trim();
if (query) {
return props.organizations.filter((org) => org.name.toLowerCase().includes(query.toLocaleLowerCase()));
}
return props.organizations;
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Responsive on Client area (Saas) [🐛 | Bug]: Bad alignment on client area invoices page

3 participants