CypherJack
commented
4 months ago What was tested
- Logged in as admin
- Set max width for mobile to default (1'000px) in the be-BOP layout settings
- Firefox, macOS Sonoma
General
From 640px to 840px a white space is added horizontally after the page making it scrollable on the x axis. At 840 the white space occur to only be one pixel but is still present. Also the sandwich menu disappear to become the desktop navbar from 640px (and beyond 840px).
Header / Footer
Header style is broken, should have the same background as header once the sandwich menu is open.
Would be better to have the privacy policy on the same column as Terms of use instead of being on two columns.
CMS page
Maybe forcing the text to be justify (left to right except last line of paragraphs) could be nice. But except widgets it is displaying correctly.
Tables does not. They break out of the main div creating a white space too.
product page
Everything is okay ! Space between the picture and the description could be smaller but not a deal breaker at all.
/cart
item number selector is cut or does not appear depending on device width
item content (title, description, type tag) and search bar are cut for small device (under 444px from various tests)
Items should not appear on two columns on mobile Would be better to have the picture on top of the information instead to be on the left. Could fix the issues above.
/checkout
Is on mobile-mode only between 639px and 768px ! It should be on mobile for everything under the default settings (1000px)
But it does display correctly from 640px to 767 except from the white space added horizontally after the page making it scrollable on the x axis.
/order
Like /checkout, the page /order display the mobile version only from 640px to 767px instead of everything under 1'000px !
It does also create the white space
QR code page
Everythings looked fine
Invoice download
Print PDF so everything is good !
Cart preview popin
Everything is fine
Cart addition popin
On small devices (<370px) the "See cart" button does not display correctly (in french)
/history
Not sure how to open this link
/session
Same as history
/login
Everything looks good here !
Product disclaimer popin
-
/identity
Text field aren't aligned. Maybe put e-mail and nostr on two seperated rows.
"Mettre à jour" button is a complete mess in both language ^^'
be-BOP core on mobile display
/admin/login
Everything is good !
/admin/login/recovery
Alles gut !
/admin/login/reset
Perfect !
Global admin interface (once connected)
Pictures page is a bit messed up, stretched images
ARM page looks funny
orders page from admin panel isn't correctly displaying but not deal breaker
Challenges from admin panel aren't well organized and it makes it difficult to navigate. Same for tags, sliders, etc..
Current display rules
With viewport width :
How to manage retrocompatibility with pilotes that like current behavior ?
Widgets behavior on mobile display
Acceptable behavior
Changes needed (substitution template)
Small display fixes needed
(no issue yet)
be-BOP core on mobile display
Global
Header / Footer
CMS page
product page
/cart
/checkout
/order
QR code page
Invoice download
Cart preview popin
Cart preview popin
Cart addition popin
/history
/session
/login
Product disclaimer popin
From https://github.com/B2Bitcoin/beBOP/issues/1187
Other pages
be-BOP core on mobile display
/admin/login
/admin/login/recovery
/admin/login/reset
Global admin interface (once connected)
Other pages