bug: misaligned wallet details tabs component

[dated]

The tabs component on the wallet details is not aligned to the lefthand menu.

The root cause is the following css class definition. On first look I couldn't find out why the max-height is adjusted in the first place, removing that line didn't have any negative side effects, might need more investigating.

  .App__page {
    @apply .min-h-full;
    max-height: calc(100vh - 5rem);
  }

[ghost]

Thanks for opening this issue! A maintainer will review this in the next few days and explicitly select labels so you know what's going on.

If no reviewer appears after a week, a reminder will be sent out.

[dav1app]

I tried to reproduce that on the latest devel branch and it seems to be fixed.

If it is not, just let me know.

[ghost]

This issue has been closed. If you wish to re-open it please provide additional information.

[brenopolanski]

@davimello28 It's possible to reproduce this issue by resizing the wallet height to <640px.

Solution:

Add to .AppSidemenu--vertical a height of 100%.

@dated can you test it ---^ and tell me what you think.

[ghost]

This issue has now been re-opened. If applicable please provide additional information as requested by one of the reviewers.

[dated]

That certainly fixes the sidebar 👍 but is a different issue. I forgot to mention that the misalignment happens at a width < 992 px

Which is fixed only by setting the max-height of the .App__page class to 100vh, but I haven't looked around for possible side effects yet.

[dated]

Added the fixes for the sidebar and wallet details component to #1638 in 850437d and 8eae98c @brenopolanski. I didn't observe any side effects.

[dav1app]

Also this is happening to me when I have the height adjusted.

Edit: Ignore me. This seems to be related to the PRO theme.

[ghost]

This issue has been closed. If you wish to re-open it please provide additional information.