Page MenuHomePhabricator
Create Task
Maniphest T119374

Styling adjustments for the Notification Panel
Closed, ResolvedPublic
Actions

Description

There are several issues related to layout and styling of notifications.

General reference

Basic size and alignment is illustrated below:

notif-layout-spacing-reference.png (158×502 px, 18 KB)

List of issues

Issues are listed in the "blocked by" section below.

Related Objects
Search...

StatusSubtypeAssignedTask
 ResolvedNoneT119713 Update Help:Notifications
 ResolvedNoneT114351 Better organisation for the Notification System
 OpenNoneT100528 Improve organization and control for Flow notifications (tracking + ideas)
 ResolvedNoneT113228 Better organization for the Notification panel
 ResolvedEsandersT119374 Styling adjustments for the Notification Panel
 ResolvedMhutti1T119375 Notification panel footer is too big compared to the header
 ResolvedMtDuT119377 Use the double speech bubble icon in the Messages panel
 ResolvedHaritha28T119378 Avoid pure black icons in the Notification Panel
 ResolvedMtDuT122646 Adjust layout for the new notification panel designs
 Resolved• CatropeT123757 Use the globe icon for cross-wiki notification bundle
 ResolvedPginer-WMFT123762 Inconsistent distance between actions in cross-wiki notifications
 ResolvedMooeypooT124023 Unbalanced space in bundled cross-wiki notifications
 ResolvedMtDuT124025 Adjust the mark as read "X" icon size
 ResolvedMooeypooT125949 For items with more than 2 actions, hide the rest under the "..." menu
 ResolvedNoneT125951 Omit the user-talk namespace on notifications
 ResolvedSBissonT125964 Adjust contrast for notification text and content excerpts
 ResolvedSBissonT125968 Increase separation between the content excerpt and the notification text
 ResolvedMooeypooT125969 Action and timestamp position needs adjustment
 ResolvedMooeypooT125970 Use more compact timestamps for notifications
 ResolvedMooeypooT125909 [minor] Notification panel layout issues for multiline messages
 DeclinedNoneT126719 Use smart quotes in notifications
 ResolvedMooeypooT126686 'Mark as read' dots menu is misaligned
ResolvedMooeypooT126734 Items in the more actions menu of notifications are inconsistent
 DeclinedNoneT126738 Show descriptions for the actions under the "..." menu on notifications
 ResolvedMooeypooT126740 Adjust hover state for actions in the more menu ("...") of notifications
 ResolvedMooeypooT126617 Too long line for secondary actions results in adding a horizontal scroll bar
 DuplicateNoneT127079 Ugly unexpected <pre> in Notifications
 ResolvedMooeypooT127419 Project labels inside the cross-wiki bundle should link to the target wiki Notification Page
 ResolvedMooeypooT136576 Mark as seen notifications from the Notifications Page
 ResolvedMooeypooT127422 Cross-wiki bundles should appear after local unread notifications in the panel
 DeclinedNoneT127424 Show descriptions as tooltips for actions outside the "..." menu on notifications
 ResolvedSBissonT128062 Keep notification excerpts compact and meaningful
 ResolvedMooeypooT128069 Adjust label layout inside cross-wiki notification bundles
 ResolvedMooeypooT128444 Adjust contrast and hover behaviour for the secondary actions displayed directly on notifications
 ResolvedMooeypooT128562 Allow marking whole cross-wiki bundles as read
 DeclinedNoneT128564 Adjust cross-wiki bundle when it is the only unread item
 ResolvedMooeypooT129469 Notifications inside a cross-wiki bundle have different space in each side
 DuplicateNoneT129610 Switch from relative to absolute timestamps after a relevant period
 ResolvedEsandersT130109 Set minimum width on action labels
 Resolved• jmatazzoniT130358 Rename "Collapse all" to just "Collapse" for cross-notification bundles
 DuplicateNoneT130716 Actions in the more menu (...) not properly highlighted on hover
 Resolved• jmatazzoniT130677 [minor] mouse-hover over 'Mark as read/unread' displays grey background only partially
 ResolvedSBissonT130831 Add tooltips for "X" and "..." icons
 Resolved• CatropeT131056 Notification panel layout not recalculated when expanding/collapsing cross-wiki notification bundle
 Resolved• CatropeT133975 When opening a notification it disappears before navigating away
 Resolved• CatropeT134854 Cross-wiki notifications get highlighted even when they have been already seen
 ResolvedMooeypooT134855 Make the notification highlights work better across wikis
 Resolved• jmatazzoniT141164 Use UTC and ISO 8601 everywhere on frontend
 Resolved• CatropeT137778 A gap appears between the header and first notification
 Resolved• CatropeT138913 Use the pointer cursor when hovering the cross-wiki bundle element
 Resolved• CatropeT138917 Add a subtle highlight on notification items on hover (on both panel and page)
 ResolvedVolker_ET139167 Use accessible colors for the read status of the mark as read markers of notifications
 Resolved• CatropeT139960 Adjust the styling of excerpts inside bundled notifications

Event Timeline

There are a very large number of changes, so older changes are hidden. Show Older Changes
Pginer-WMF updated the task description. (Show Details)Feb 16 2016, 2:06 PM
Pginer-WMF updated the task description. (Show Details)Feb 16 2016, 2:10 PM
Pginer-WMF updated the task description. (Show Details)Feb 16 2016, 2:13 PM
Pginer-WMF mentioned this in T125909: [minor] Notification panel layout issues for multiline messages.Feb 16 2016, 2:28 PM
MGChecker added a subtask: T127079: Ugly unexpected <pre> in Notifications.Feb 16 2016, 4:23 PM
• jmatazzoni closed subtask T125964: Adjust contrast for notification text and content excerpts as Resolved.Feb 17 2016, 12:20 AM
Pginer-WMF mentioned this in T125968: Increase separation between the content excerpt and the notification text.Feb 17 2016, 6:57 AM
• jmatazzoni closed subtask T125968: Increase separation between the content excerpt and the notification text as Resolved.Feb 17 2016, 10:33 PM
• jmatazzoni closed subtask T124023: Unbalanced space in bundled cross-wiki notifications as Resolved.Feb 17 2016, 11:39 PM
Pginer-WMF mentioned this in T121935: Add "mark as read" as a deprioitized secondary action to every unread notification.Feb 18 2016, 8:40 AM
Pginer-WMF updated the task description. (Show Details)Feb 18 2016, 3:50 PM
Pginer-WMF created subtask T127419: Project labels inside the cross-wiki bundle should link to the target wiki Notification Page.Feb 19 2016, 9:33 AM
Pginer-WMF updated the task description. (Show Details)
Pginer-WMF created subtask T127422: Cross-wiki bundles should appear after local unread notifications in the panel.Feb 19 2016, 9:52 AM
Pginer-WMF updated the task description. (Show Details)
Pginer-WMF created subtask T127424: Show descriptions as tooltips for actions outside the "..." menu on notifications.Feb 19 2016, 10:29 AM
Pginer-WMF updated the task description. (Show Details)Feb 19 2016, 10:34 AM
Pginer-WMF closed subtask T124025: Adjust the mark as read "X" icon size as Resolved.Feb 23 2016, 11:37 AM
Pginer-WMF created subtask T128062: Keep notification excerpts compact and meaningful.Feb 25 2016, 11:15 AM
Pginer-WMF created subtask T128069: Adjust label layout inside cross-wiki notification bundles.Feb 25 2016, 1:03 PM
Pginer-WMF updated the task description. (Show Details)
• Catrope closed subtask T125951: Omit the user-talk namespace on notifications as Resolved.Feb 26 2016, 8:09 PM
MGChecker changed the status of subtask T126738: Show descriptions for the actions under the "..." menu on notifications from Open to Stalled.Feb 27 2016, 2:30 PM
Pginer-WMF mentioned this in T126734: Items in the more actions menu of notifications are inconsistent.Feb 29 2016, 11:36 AM
• Catrope changed the status of subtask T126738: Show descriptions for the actions under the "..." menu on notifications from Stalled to Open.Feb 29 2016, 7:25 PM
Pginer-WMF mentioned this in T126686: 'Mark as read' dots menu is misaligned .Mar 1 2016, 8:10 AM
Pginer-WMF created subtask T128444: Adjust contrast and hover behaviour for the secondary actions displayed directly on notifications.Mar 1 2016, 9:02 AM
Pginer-WMF updated the task description. (Show Details)
• jmatazzoni closed subtask T127422: Cross-wiki bundles should appear after local unread notifications in the panel as Resolved.Mar 2 2016, 12:28 AM
Pginer-WMF created subtask T128562: Allow marking whole cross-wiki bundles as read.Mar 2 2016, 8:06 AM
Pginer-WMF created subtask T128564: Adjust cross-wiki bundle when it is the only unread item.Mar 2 2016, 8:28 AM
Pginer-WMF updated the task description. (Show Details)Mar 2 2016, 8:31 AM
• jmatazzoni closed subtask T126740: Adjust hover state for actions in the more menu ("...") of notifications as Resolved.Mar 3 2016, 7:00 PM
• jmatazzoni closed subtask T128062: Keep notification excerpts compact and meaningful as Resolved.Mar 3 2016, 7:10 PM
• jmatazzoni closed subtask T126734: Items in the more actions menu of notifications are inconsistent as Resolved.Mar 3 2016, 7:13 PM
• Catrope closed subtask T128564: Adjust cross-wiki bundle when it is the only unread item as Declined.Mar 7 2016, 9:58 PM
• jmatazzoni closed subtask T128562: Allow marking whole cross-wiki bundles as read as Resolved.Mar 7 2016, 11:55 PM
Pginer-WMF created subtask T129469: Notifications inside a cross-wiki bundle have different space in each side.Mar 10 2016, 12:09 PM
• jmatazzoni closed subtask T125970: Use more compact timestamps for notifications as Resolved.Mar 11 2016, 12:57 AM
Pginer-WMF added a subtask: T129610: Switch from relative to absolute timestamps after a relevant period.Mar 11 2016, 9:26 AM
Pginer-WMF updated the task description. (Show Details)Mar 11 2016, 9:29 AM
• jmatazzoni closed subtask T125909: [minor] Notification panel layout issues for multiline messages as Resolved.Mar 14 2016, 7:50 PM
• jmatazzoni closed subtask T128444: Adjust contrast and hover behaviour for the secondary actions displayed directly on notifications as Resolved.
• jmatazzoni closed subtask T129469: Notifications inside a cross-wiki bundle have different space in each side as Resolved.Mar 15 2016, 1:00 AM
Pginer-WMF created subtask T130109: Set minimum width on action labels.Mar 16 2016, 1:36 PM
Pginer-WMF created subtask T130358: Rename "Collapse all" to just "Collapse" for cross-notification bundles.Mar 18 2016, 11:21 AM
Pginer-WMF created subtask T130363: Adjust notification badge prominence for cross-wiki notifications.Mar 18 2016, 12:39 PM
• jmatazzoni closed subtask T126686: 'Mark as read' dots menu is misaligned as Resolved.Mar 22 2016, 6:10 PM
Pginer-WMF created subtask T130716: Actions in the more menu (...) not properly highlighted on hover.Mar 23 2016, 1:04 PM
• jmatazzoni closed subtask T125969: Action and timestamp position needs adjustment as Resolved.Mar 23 2016, 3:08 PM
• jmatazzoni closed subtask T128069: Adjust label layout inside cross-wiki notification bundles as Resolved.Mar 23 2016, 3:11 PM
• jmatazzoni closed subtask T130358: Rename "Collapse all" to just "Collapse" for cross-notification bundles as Resolved.Mar 23 2016, 7:05 PM
• Catrope added a subtask: T130677: [minor] mouse-hover over 'Mark as read/unread' displays grey background only partially.Mar 23 2016, 8:45 PM
Pginer-WMF created subtask T130831: Add tooltips for "X" and "..." icons.Mar 24 2016, 2:02 PM
Pginer-WMF created subtask T131056: Notification panel layout not recalculated when expanding/collapsing cross-wiki notification bundle.Mar 28 2016, 3:08 PM
• Catrope closed subtask T126719: Use smart quotes in notifications as Declined.Apr 12 2016, 10:48 PM
• jmatazzoni closed subtask T130831: Add tooltips for "X" and "..." icons as Resolved.Apr 20 2016, 12:49 AM
Restricted Application added a subscriber: TerraCodes. · View Herald TranscriptApr 20 2016, 12:49 AM
Pginer-WMF created subtask T133975: When opening a notification it disappears before navigating away.Apr 29 2016, 9:42 AM
Pginer-WMF updated the task description. (Show Details)
• jmatazzoni closed subtask T133975: When opening a notification it disappears before navigating away as Resolved.May 4 2016, 6:28 PM
Pginer-WMF created subtask T134854: Cross-wiki notifications get highlighted even when they have been already seen.May 10 2016, 9:16 AM
Pginer-WMF created subtask T134855: Make the notification highlights work better across wikis.May 10 2016, 9:27 AM
• jmatazzoni closed subtask T130677: [minor] mouse-hover over 'Mark as read/unread' displays grey background only partially as Resolved.May 12 2016, 5:40 PM
• jmatazzoni removed a subtask: T130363: Adjust notification badge prominence for cross-wiki notifications.May 12 2016, 9:17 PM
• jmatazzoni closed subtask T134854: Cross-wiki notifications get highlighted even when they have been already seen as Resolved.May 26 2016, 8:32 PM
Pginer-WMF created subtask T137778: A gap appears between the header and first notification.Jun 14 2016, 7:34 AM
• jmatazzoni closed subtask T137778: A gap appears between the header and first notification as Resolved.Jun 15 2016, 4:42 PM
Pginer-WMF created subtask T138913: Use the pointer cursor when hovering the cross-wiki bundle element.Jun 29 2016, 8:19 AM
Pginer-WMF created subtask T138917: Add a subtle highlight on notification items on hover (on both panel and page).Jun 29 2016, 8:54 AM
Pginer-WMF created subtask T139167: Use accessible colors for the read status of the mark as read markers of notifications.Jul 1 2016, 2:44 PM
• jmatazzoni closed subtask T138917: Add a subtle highlight on notification items on hover (on both panel and page) as Resolved.Jul 5 2016, 5:55 PM
• jmatazzoni closed subtask T125949: For items with more than 2 actions, hide the rest under the "..." menu as Resolved.Jul 5 2016, 6:31 PM
• jmatazzoni closed subtask T138913: Use the pointer cursor when hovering the cross-wiki bundle element as Resolved.Jul 5 2016, 6:44 PM
• jmatazzoni closed subtask T126617: Too long line for secondary actions results in adding a horizontal scroll bar as Resolved.Jul 5 2016, 10:37 PM
Pginer-WMF created subtask T139960: Adjust the styling of excerpts inside bundled notifications.Jul 11 2016, 4:45 PM
• jmatazzoni closed subtask T127419: Project labels inside the cross-wiki bundle should link to the target wiki Notification Page as Resolved.Jul 12 2016, 5:59 PM
Volker_E closed subtask T139167: Use accessible colors for the read status of the mark as read markers of notifications as Resolved.Jul 14 2016, 2:25 PM
• Catrope closed subtask T131056: Notification panel layout not recalculated when expanding/collapsing cross-wiki notification bundle as Resolved.Aug 8 2016, 9:15 PM
• jmatazzoni closed subtask T134855: Make the notification highlights work better across wikis as Resolved.Sep 29 2016, 11:23 PM
• jmatazzoni closed subtask T139960: Adjust the styling of excerpts inside bundled notifications as Resolved.Oct 11 2016, 12:56 AM
Volker_E subscribed.Oct 25 2016, 10:22 PM
SBisson mentioned this in W2269 Echo Tasks.Apr 17 2019, 3:31 PM
SBisson closed subtask T126738: Show descriptions for the actions under the "..." menu on notifications as Declined.Apr 19 2019, 8:08 PM
Restricted Application added a project: Growth-Team. · View Herald TranscriptApr 19 2019, 8:08 PM
SBisson closed subtask T127424: Show descriptions as tooltips for actions outside the "..." menu on notifications as Declined.Apr 19 2019, 8:09 PM
Esanders closed this task as Resolved.Jul 23 2020, 3:17 PM
Esanders claimed this task.
Esanders subscribed.

All the blocked tasks have been resolved

Etonkovidova closed subtask T130109: Set minimum width on action labels as Resolved.Jul 29 2020, 10:10 PM
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits