search

unoplatform / uno.todo

Uno Platform "Uno To Do" reference app
https://platform.uno/
Other
48 stars 12 forks source link

[BLOCKED][Settings][Desktop] Page is modal but also full screen with some elements entered in full width and others not #163

Open NVLudwig opened 2 years ago

NVLudwig commented 2 years ago

Current behavior

Page is modal but also full screen with some elements entered in full width and others left aligned in narrow column: Dividers are narrow, Version number is wide image

Expected behavior

A modal page on desktop should appear either over rest of the main page (main page dimmed) to emphasize the navigation OR have it in a pane coming out from the right edge with the rest os the page dimmed.

Hack fix: Just fit the header and version number into the left narrow column. defined by the chips and dividers

How to reproduce it (as minimally and precisely as possible)

Enter Settings in desktop mode on a wide screen. Observe.

Environment

MacOS
 Chrome Version 100.0.4896.75 (Official Build) (x86_64) 
Private window

Nuget Package:

Package Version(s):

Affected platform(s):

Visual Studio:

Relevant plugins:

Anything else we need to know?

agneszitte commented 2 years ago

Started to test some changes on this branch https://github.com/unoplatform/uno.todo/commits/dev/agzi/I163 On hold for now, as I am waiting on more guidance regarding the UX for the Settings page (Page ? Flyout ? Don't forget the SignOut Dialog that can be opened on top of it for example) (cc @nickrandolph, @NVLudwig)

agneszitte commented 2 years ago

Settings flyout started to be integrated (cf. #334) but there is a known issue for the SignOut, we will need to unblock this issue to be able to move forward with this. Regarding the discussion about SignOut MessageDialog opening on top of the Settings dismissable Flyout (cc @jeromelaban, @nickrandolph, @dr1rrb)