As a user, I perceive apps as well-designed and working well (MGNLUI-1251)

[MGNLUI-1256] Change appearance of full-screen view as well as how it's engaged Created: 29/Apr/13  Updated: 29/May/13  Resolved: 28/May/13

Status: Closed
Project: Magnolia UI
Component/s: app framework, design
Affects Version/s: None
Fix Version/s: 5.0

Type: Sub-task Priority: Critical
Reporter: Andreas Weder Assignee: Christopher Zimmermann
Resolution: Fixed Votes: 0
Labels: design
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Close full screen.png     PNG File Open full screen.png    
Issue Links:
Relates
relates to MGNLUI-1260 As a user, I see the Action Bar as we... Closed
dependency
depends upon MGNLUI-1359 Use new icons for some dev and tools ... Closed
Template:
Date of First Response:

 Description   
  • Full-screen view should only remove the header, but still show the tab bar. This is an important change. Currently, we drop out of full screen view quite frequently, if we launch actions that cause other tabs to appear or be switched to, making it very annoying to work with content apps, Pages, Assets and edit content; this causes a tab to be opened throwing you out of full screen mode frequently.
  • Move the full-screen icon to the header of the app panel, right next to the "Close app" icon.
  • Use the new full screen icons instead of the old one: 105-open-fullscreen_2 and 106-close-fullscreen_2. These have been designed to work better when small and go together well with the close icon.

The attached screen shots show the new full screen icons next to the close icon. Please ignore all the rest - this screen shots are just about the icon and its new placement.



 Comments   
Comment by Christopher Zimmermann [ 28/May/13 ]

Part of the intention of this change is that fullscreen mode can stay on.
It should stay on even if you are switching apps, so its not related to one specific app.
It should only automatically go back to non-fullscreen mode if you open a shell app. For example by closing the last open app and returning to apps launcher.
Therefore the functionality is not related to apps themselves anymore. - its more closely related to the apps viewport and the shell.

Fullscreen is implemented as before as a css class that gets added to body.
This happens in AppsViewPortWidget.setFullScreen(isFullScreen).
FullScreenButton is implemented like CloseButton.

ExitFullScreenMode and EnterFullScreenMode are added to Shell and ShellImpl.

ShellImpl.goToShellApp() calls exitFullScreenMode so that ... fullscreen mode is exited when a shell app is opened.

Generated at Mon Feb 12 08:44:50 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.