| Pginer-WMF | |
| May 30 2016, 6:25 PM |
| F4222142: Screen Shot 2016-07-01 at 11.23.49 AM.png | |
| Jul 1 2016, 6:24 PM |
| F4100593: Screen Shot 2016-06-01 at 1.18.02 PM.png | |
| Jun 1 2016, 8:22 PM |
| F4099942: Screen Shot 2016-06-01 at 9.55.41 AM.png | |
| Jun 1 2016, 5:55 PM |
| F4099940: Screen Shot 2016-06-01 at 9.57.04 AM.png | |
| Jun 1 2016, 5:55 PM |
| F4079549: notif-page-layout.png | |
| May 30 2016, 6:25 PM |
| F4079476: Notifications Page- 2016-05-30 at 10.43.41.png | |
| May 30 2016, 6:25 PM |
| F3363922: notif-layout-spacing-reference.png | |
| May 30 2016, 6:25 PM |
Notification items in the Notification Page don't seem to follow the layout guidelines used for the notifications in the Notification panel:
Current state:
Current state with some of the layout guidelines on top:
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | None | T119713 Update Help:Notifications | |||
| Resolved | None | T114351 Better organisation for the Notification System | |||
| Resolved | None | T115316 Better organisation of the Notification Page | |||
| Resolved | None | T136567 Design adjustments for the Notifications Page | |||
| Resolved | Mooeypoo | T136572 Make notification styling on the Notifications Page closer to the ones in the panel |
Change 291855 had a related patch set uploaded (by Mooeypoo):
Adjust styling for Special:Notification items
Change 291962 had a related patch set uploaded (by Catrope):
Adjust styling for Special:Notification items
Mentioned in SAL [2016-05-31T23:33:12Z] <dereckson@tin> Synchronized php-1.28.0-wmf.4/extensions/Echo/modules/styles/: Adjust styling for Special:Notification items (T136572, 1/2) (duration: 00m 30s)
Mentioned in SAL [2016-05-31T23:33:49Z] <dereckson@tin> Synchronized php-1.28.0-wmf.4/extensions/Echo/modules/ui/mw.echo.ui.NotificationItemWidget.js: Adjust styling for Special:Notification items (T136572, 2/2) (duration: 00m 24s)
Checked in betalabs.
Seems that the following suggestions have been implemented - @Pginer-WMF, please take a look.
Some aspects to adjust:
Icon size, and position.
"X" icon position.
Timestamp position.
Left margin adjustments.
Reopening this ticket so we can fix one more issue illustrated in the screenshot below. Namely, the right margin should be adjusted so that the text doesn't run underneath the mark as read controls:
Please see the description, above, for specs on what the margin should be.
Change 296843 had a related patch set uploaded (by Mooeypoo):
Pad the content so it doesn't stretch beyond the markread button
Change 296843 merged by jenkins-bot:
Pad the content so it doesn't stretch beyond the markread button
