search

polifonia-project / sonar2021_demo

This repository is created for the documentation of the Polifonia demo that is going to be presented to SONAR2021
https://polifonia-project.github.io/sonar2021_demo/
2 stars 0 forks source link

display app as mobile form factor during presentation #66

Closed phivk closed 2 years ago

phivk commented 2 years ago

following on from an email thread initiated by @PaulMulholland:

One small thing that occurred to me during the demo, was that Valetina was presenting on a large display with the browser expanded to the full length of the screen. This might be the case in the demo at the Sonar conference too. With the content spread across a wide screen I think some of the feel of a smartphone app/social media stream is lost. So, I would suggest putting a maximum width on the fluid design to keep it narrower and in the centre even if on a wide screen.

On a different Angular app I am currently working on I do this by adding the following to src/styles.css

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 900px /* or set it wider or narrower than 900px */
}
phivk commented 2 years ago

An alternative would be to present the app in a mobile phone viewport via dev tools

597BB005-F8AD-4B56-B1EC-4AC80AB5CB11-902-000163D3E7CA723A
phivk commented 2 years ago

fixed via https://github.com/polifonia-project/sonar2021_demo/commit/bed4a28308a1259b91a88ec60ec81ad4866fd012