Commit graph

10 commits

Author SHA1 Message Date
Micah Stanley
eba6074161 notifications: Implement popup notifications
This merge request implements a more mobile optimized solution for popup notification.
- 

The current controls are:
- Swipe up to move the notification to the notification center.
- Swipe left/right to dismiss the notification entirely.
- If multiple popup notifications are grouped together, tap on the bottom area to view them in a expanded view.

What still needs to be done:
- ~~For notification without a default action, tapping on them should probably open up the associated app.~~ Note: I think I will add this in a separate merge request as it probably should be the case regardless if the notification is a popup
- ~~Swiping down on a notification currently does nothing. Maybe we should map this to a notification action?~~ Note: I have some ideas I will try later, though for now, I will leave this action blank
- ~~The expanded view of notifications should be able to be dismissed by swiping up/down on the top/bottom of the list.~~ Note: Added
- Investigate further into how to remove the current desktop popup notifications.
- ~~Code clean up.~~ Note: The code is at least a bit better

Single popup notification:

![notification_1](/uploads/63d12be6da1dd2676de17940dcadbdfa/notification_1.gif)

Multiple popup notifications:

![notification_2](/uploads/907a14b772f66f46040c28342f4dcf02/notification_2.gif)

Multiple popup notifications in the expanded view:

![notification_3](/uploads/9a7cd09a6bb8a0f7ee70e5bcf7c29c6b/notification_3.gif)

Any feedback would be greatly appreciated.
2024-11-07 16:13:06 +00:00
Devin Lin
0a09d935ac layout-templates: Split out status bar and navigation panel to separate templates
This makes it more modular, and we can use the template in the mobileshellsettings code.
2024-07-15 17:07:26 -04:00
Yari Polla
b4934ff817 shell/updates: sync panelsfix with layout.js 2023-03-05 22:02:33 +01:00
Devin Lin
8c22f48e59 [shell/updates] Ensure upgrade process has new panel height 2022-02-01 20:40:37 -05:00
Devin Lin
4a3f855173 REUSE compliance, add check to CI, drop unused components 2021-12-23 16:02:41 +00:00
Devin Lin
6653ad6e54 panel: Refactor panel and implement blue ocean mockups 2021-12-22 23:29:00 +00:00
Devin Lin
7df05e09be panel: Rework panel layout, and refactoring 2021-10-12 13:50:36 +00:00
Bhushan Shah
e92188b5e9 shell: keep panelsfix.js in sync with layout.js
Otherwise if we add the panels which were missing, we will end up adding
panel without notifications and mediacontroller.
2021-02-26 09:31:59 +05:30
Bhushan Shah
acda20ffe5 Fix logic error in f19f629b4b 2021-01-28 15:35:33 +05:30
Marco Martin
f19f629b4b add back panels if they disappeared 2021-01-27 14:20:15 +01:00