-
Task
-
Resolution: Fixed
-
L3 - Default
-
None
-
None
-
None
Currently the display of BPMN diagrams embedded in blog posts isn't really optimal.
Problem
If I open a blog post in portrait mode the embedded widget is scaled but the bpmn.io logo isn't (see portrait.png
). So the logo is hiding a bigger part of the diagram. I can also not move the diagram or don't know how so I can never see whats behind. Also if I actually want to read the process I have to zoom in. As the process isn't a image, which I could open separately, I have to zoom the whole page. This also zooms the bpmn.io logo and the rest of the page. For example the menu bar becomes quite huge (see portrait-zoom.png
). If I open the blog post in landscape mode the diagram is a little bit bigger but the logo still hides part of it (see landscape.png
). If I then rotate the device back to portrait mode to continue reading the zoom level of the BPMN diagram is retained which now renders it completely unusable (see portrait-after-landscape.png
).
Request
Have an integration which is a little more user friendly on mobil devices.
This is the controller panel for Smart Panels app
[CAM-4990] Improve blog integration of BPMN modeler on mobile
When I open the blogpost in portrait mode, the diagram is tiny. See blog-portrait.PNG
If I change to landscape mode, the zoom level is still retained. See blog-landscape.PNG
I made a few tests, device orientation handling is not the easiest topic because not all browsers implement that the same way.
So, IMHO, I think we can actually close that issue because it is (always IMHO) an edge case which would need quite a bit of work.
But if somebody tells me it's worth it... I mean.. I can do that.
It's hardly going to be better that (which is already "useable" and fits the needs IMVHO)
If nobody minds, I would close that issue.
gimbel sebastian.menski, your thoughts?
https://github.com/camunda/blog.camunda.org/commit/9bf88f1f203007f764f0e2c2151b8e94d7279152
this commit also adds a loader on diagrams (#
CAM-5022)