developers.italia.it icon indicating copy to clipboard operation
developers.italia.it copied to clipboard

Published 20 hours ago • verified publisher icon italia

Visual issues in the API page - swagger-ui

Open libremente opened this issue 3 years ago • 2 comments

Describe the bug

As mentioned in https://twitter.com/aborruso/status/1488619461414371328 (thanks @aborruso), there is a visual glitch when browsing the API page through a mobile device. In particular, it looks like the issue lies in the swagger-ui component. This issue has already been raised (for example here https://github.com/italia/developers.italia.it/issues/498) but it's still present.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://developers.italia.it/it/api/ispra-idrogeo with a mobile device or shrink the browser width to < 500px
  2. Scroll down to the swagger section
  3. See issue

Expected behavior

The swagger-ui section should be readable also on mobile devices without issues. As such, the opblock-summary-path and the opblock-summary-description should keep a decent size proportion.

Screenshots

Schermata da 2022-02-02 10-41-25

libremente avatar Feb 02 '22 09:02 libremente

Thank you very much @libremente

aborruso avatar Feb 02 '22 09:02 aborruso

There's an open issue upstream in swagger-ui: https://github.com/swagger-api/swagger-ui/issues/6647

bfabio avatar Feb 03 '22 08:02 bfabio