RMET-3682 ::: Make Scanner View Wider

[ItsChaceD]

Description

Improved scanning area width for large barcodes by dynamically calculating the right button area width and adjusting the scanner view accordingly for phones in landscape and tablet layouts in both portrait and landscape orientations.

Context

https://outsystemsrd.atlassian.net/browse/RMET-3682

Type of changes

• Fix (non-breaking change which fixes an issue)
• Feature (non-breaking change which adds functionality)
• Refactor (cosmetic changes)
• Breaking change (change that would cause existing functionality to not work as expected)

Tests

Tested on Pixel 8 Pro
Tested on Pixel Tablet Emulator

Screenshots

BEFORE

AFTER

Checklist

• Pull request title follows the format RNMT-XXXX <title>
• Code follows code style of this project
• CHANGELOG.md file is correctly updated
• Changes require an update to the documentation
  • Documentation has been updated accordingly

[OS-ricardomoreirasilva]

There's something wrong with the white right edge of the scanning area. It was already looking weird, but now the line looks even thinner.

[alexgerardojacinto]

Apart from Ricardo's comment, there also appears to be something wrong with the zoom buttons, possibly because there's not enough space for them.

[ItsChaceD]

There's something wrong with the white right edge of the scanning area. It was already looking weird, but now the line looks even thinner.

I didn't even notice 😅 I will take a look and see what's going on.

Apart from Ricardo's comment, there also appears to be something wrong with the zoom buttons, possibly because there's not enough space for them.

We can keep the 3 buttons, but then the scanning view won't be as wide. Which do you think is better?

[alexgerardojacinto]

We can keep the 3 buttons, but then the scanning view won't be as wide. Which do you think is better?

@ItsChaceD I think we should keep the buttons and have the scanning view the maximum that it can be without "loosing" any buttons.

[ItsChaceD]

We can keep the 3 buttons, but then the scanning view won't be as wide. Which do you think is better?

@ItsChaceD I think we should keep the buttons and have the scanning view the maximum that it can be without "loosing" any buttons.

Ok sounds good to me! On devices without the <1x zoom which is where the large barcode problems were primarily, it will look like the picture anyways

[OS-ricardomoreirasilva]

We can keep the 3 buttons, but then the scanning view won't be as wide. Which do you think is better?

@ItsChaceD I think we should keep the buttons and have the scanning view the maximum that it can be without "loosing" any buttons.

The design to follow (with the area and the 3 buttons) is available here.

[ItsChaceD]

We can keep the 3 buttons, but then the scanning view won't be as wide. Which do you think is better?

@ItsChaceD I think we should keep the buttons and have the scanning view the maximum that it can be without "loosing" any buttons.

The design to follow (with the area and the 3 buttons) is available here.

Yeah can you screenshot it for me please? I have tried requesting access a few times but they never got back to me.
Looks like I have access now :)

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud