Enhance the responsiveness design of the visualisation page of the shared object
-
Landing page for the shared objects to activate visualisation
The responsiveness should react for all kind of device and size.
Mobile phone
Tablet
The copy icon should be aligned with the "Embed text..." and within the Share options column. -
The active visualisation table
Phone (example based on iPhone 8) As too much space is wasted while space is very crucial on mobile, here are some enhancements for all kind of mobile devices (phone and tablet):
- Remove the columns title
- Display all the shared options icons in one line just below the name of shared object.
- Remove the "links" title
- Put the embed icon at the end of the text which refers to it.
- Each date is aligned with its own title and one date per line
- the delete icon with the title at the bottom right
for mobile phone
for tablet
The copy icon should be aligned with the "Embed text..." and within the Share options column.
- The popup of expiration link
- Align the text on the left of the screen
- Extend the size of the success
Mobile phone
Tablet Nothing to do
- After deleting all the active visualisation, the display is for Tablet
Remark:
Enhance the desktop display of the active page for the code to embed: The copy icon should be aligned with the "Embed text..." and in the Action column.
When clicking on the activate validation button within Safari, I had a Whoopps! message.
Edited by SSandrine