[EPIC] Refactor icon sizing in MF/Minerva to achieve consistency
Closed, ResolvedPublic8 Estimated Story Points
Actions

Assigned To

Authored By

	• alexhollender_WMF
	Jul 31 2019, 4:10 PM

Description

Currently there is not a consistent approach to icon sizing in MF/Minerva. There are generally three icon sizes (small, medium, and large) however the CSS that sizes individual icons is rather inconsistent. There is also inconsistency around the touch areas for icons. This problem became evident as we introduced several new icons into the interface as part of the AMC work. Our plan is to refactor the icon sizing, standardized around the following sizes:

	small	medium	larger than medium
icon area	16x16px	20x20px	(no standard)
touch area	34x34px	44x44px	(no standard)
example			see T231683

This problem is made worse by the fact that the SVGs themselves are not sized consistently. Some are on 24x24px canvases, others are on 20x20px canvases, with varying degrees of padding within the SVGs themselves (not CSS padding/margins). The work related to replacing icons with properly sized ones will be tracked in T231613.

This is an incomplete reference to help clarify which icons should be sized small vs. medium:

Example of current issue

Icons in the site header and page-actions toolbar are larger than icons in the menus.
Various icons, such as "talk" and "special pages", are being rendered larger than intended.

Developer notes

There seem to be two main causes of this issue:

The svgs themselves are not sized consistently. Some are on 24x24px canvases, others are on 20x20px canvases, with varying degrees of padding within the SVGs themselves (not CSS padding/margins)
The background-size: 100% auto; rule causes the width of the icons to 100%, which makes them appear larger if the SVG has a width smaller than 20px. See gif below.

QA

Run an exploratory test on https://en.m.wikipedia.beta.wmflabs.org/wiki/Spain - if any content is missing or looks different to production and the UI element involves an icon flag it.

Some examples we have found so far: T232800, T232792, T232798

Sign off steps

Make sure all subtasks are resolved.

QA Results

AC	Status	Details
1	✅	T229440#5499327
2	❓	T229440#5499327
3	❓	T229440#5499327
4	✅	T229440#5499327
5	✅	T229440#5499327
6	✅	T229440#5499327
7	❓	T229440#5499327
8	❌	T229440#5499327
9	❓	T229440#5499327
10	❓	T229440#5499327
11	✅	T229440#5499327
12	❌	T229440#5499327
13	✅	T229440#5499327

Details

Subject	Repo	Branch	Lines +/-
BlockMessageDetails: Fix styling	mediawiki/extensions/MobileFrontend	master	+2 -3
Search within pages icon should always be aligned with input icon	mediawiki/extensions/MobileFrontend	master	+6 -8
Fix icon alignment & padding of last-modified bar	mediawiki/skins/MinervaNeue	master	+1 -2
Align right-most header icon with content.	mediawiki/skins/MinervaNeue	master	+7 -6
Utilize the mw-ui-icon-flush-left/right classes to align icons	mediawiki/skins/MinervaNeue	master	+34 -18
Create mobile thanks using the mobile library	mediawiki/extensions/Thanks	master	+18 -4
Fix Main Menu text alignment problems	mediawiki/skins/MinervaNeue	master	+1 -0
Drop width declaration on close button	mediawiki/skins/MinervaNeue	master	+2 -2
Search content margin should match search input	mediawiki/extensions/MobileFrontend	master	+5 -0
Flush reference drawer and Special:MobileDiff icons to relevant places	mediawiki/extensions/MobileFrontend	master	+9 -8
Remove unneccessary icon CSS after icon refactor	mediawiki/extensions/MobileFrontend	master	+3 -28
Update storybook to use new mw-ui-icon definition	mediawiki/extensions/MobileFrontend	master	+157 -134
New mw-ui-icon spec for Minerva	mediawiki/skins/MinervaNeue	master	+136 -10
Prepare for the icon changes	mediawiki/extensions/MobileFrontend	master	+6 -0
Prepare for new mw-ui-icon spec for Minerva	mediawiki/skins/MinervaNeue	master	+41 -59
Remove all the icon hacks	mediawiki/extensions/MobileFrontend	master	+20 -41
Remove the mw-ui-icon hacks and overrides	mediawiki/skins/MinervaNeue	master	+94 -133
Also set `bottom` attribute on icon glyphs	mediawiki/skins/MinervaNeue	master	+1 -0
Separate text element from mw-ui-icon-before	mediawiki/extensions/MobileFrontend	master	+65 -50
[icon] revise icons	mediawiki/skins/MinervaNeue	master	+26 -15

Related Objects
Search...

Status	Subtype	Assigned	Task
Resolved		ovasileva	T226562 AMC - display labels for toolbar actions on larger screens
Resolved		• alexhollender_WMF	T229440 [EPIC] Refactor icon sizing in MF/Minerva to achieve consistency
Resolved		• alexhollender_WMF	T231613 Replace 24x24px SVGs in MF/Minerva
Resolved		ovasileva	T230033 [ICONS] Increase touch targets from 40x40 to 44x44
Resolved		ovasileva	T230232 Site header doesn't fit on screen in advanced contributors mode
Resolved		ovasileva	T229447 Reduce spacing of icons in mobile header
Resolved		ovasileva	T231683 Remove concept of "large" icon in MF/Minerva
Resolved		ovasileva	T232011 [regression wmf.21-minor] Notification icon overflows viewport
Resolved	BUG REPORT	ovasileva	T232798 [Regression] ICONS "Close" text appears below close icon when loading editor overlay
Duplicate		None	T232799 Regression: ICONS: Loading label is visible when clicking edit icon
Resolved	BUG REPORT	ovasileva	T232801 Flush section heading arrow icon to left of screen
Resolved		ovasileva	T232792 [Regression] ICONS: Not compatible with truncated text (last modified and logout button)
Resolved		ovasileva	T232800 Regression: ICONS - last modified bar background doesn't cover entire element
Resolved		ovasileva	T232943 Logout button on mobile web misaligned
Resolved		ovasileva	T233046 ICONS: tap/active state remains after tapping button
Resolved		ovasileva	T233050 ICONS menu alignment and list item spacing
Resolved		ovasileva	T232837 Use mw-ui-icon-flush- classes on various icons to fix alignment: search within pages and block drawer icons
Resolved		ovasileva	T233151 Remove mobile diff page drawer margin
Resolved		ovasileva	T233152 [ICONS] reference drawer icon and alignment
Resolved		ovasileva	T233156 [ICONS] clear search icon alignment
Duplicate		• alexhollender_WMF	T233157 [ICONS] search within page button alignment
Resolved		ovasileva	T233166 [ICONS] logout icon horizontal centering
Resolved		ovasileva	T233167 [ICON] language label in overflow menu should look disabled matching icon (AMC user pages)
Resolved		• alexhollender_WMF	T233171 [ICONS] editor-loading header
Resolved		ovasileva	T233172 [ICONS] last edited element alignment

Event Timeline

There are a very large number of changes, so older changes are hidden. Show Older Changes

Change 533360 merged by jenkins-bot:
[mediawiki/skins/MinervaNeue@master] New mw-ui-icon spec for Minerva

https://gerrit.wikimedia.org/r/533360

Restricted Repository Identity mentioned this in rSKIN40bd093b8e13: Update git submodules.Sep 12 2019, 10:24 PM

Jdlrobson reassigned this task from • alexhollender_WMF to Edtadros.Sep 12 2019, 11:58 PM

Jdlrobson moved this task from Needs Design Review to Needs QA on the Web-Team-Backlog (Readers-Web-Kanbanana-2019-20-Q1) board.

Jdlrobson updated the task description. (Show Details)Sep 13 2019, 12:00 AM

Change 535970 merged by jenkins-bot:
[mediawiki/extensions/MobileFrontend@master] Update storybook to use new mw-ui-icon definition

https://gerrit.wikimedia.org/r/535970

Section collapse toggles look wrong when the collapsible section is a <h1> or <h3> instead of <h2>, as normal.

This seems to be caused by this block in Toggler.less: https://phabricator.wikimedia.org/diffusion/EMFR/browse/master/resources/mobile.startup/Toggler.less$5

However, when I tried removing it, the styling for collapsible sections in other mobile skins got all messed up.

I'll leave it for you to untangle…

phuedx added a subtask: T232798: [Regression] ICONS "Close" text appears below close icon when loading editor overlay.Sep 13 2019, 9:09 AM

phuedx added a subtask: T232799: Regression: ICONS: Loading label is visible when clicking edit icon.

phuedx added a subtask: T232801: Flush section heading arrow icon to left of screen.

phuedx added a subtask: T232792: [Regression] ICONS: Not compatible with truncated text (last modified and logout button).Sep 13 2019, 9:12 AM

phuedx added a subtask: T232800: Regression: ICONS - last modified bar background doesn't cover entire element.

Change 535835 merged by Jdrewniak:
[mediawiki/extensions/MobileFrontend@master] Remove unneccessary icon CSS after icon refactor

https://gerrit.wikimedia.org/r/535835

@Jdlrobson @Jdrewniak here are the issues I'm seeing on beta:

Main site header

hamburger and search are too close to the edges

Expand/collapse icon

too far over to the left	not vertically centered with section heading

Overlays (talk, notifications, search)

The "X" has too much padding, which is causing two issues:

it should be closer to the edge of the screen	it's pushing the element next to it too far over

Main menu

alignment issue, text slightly too high for some menu items

Search within page element

alignment issue, should be further to the right

Log-out icon

en.m.wikipedia.beta.wmflabs.org_wiki_TemplateUsageArticle977(iPhone 6_7_8).png (1×750 px, 71 KB)

Bytes changed icon

alignment issue, should be further to the left

Citation drawer

alignment issues, outer elements should be closer to edge of page	general horizontal centering issues

Other issues, not sure if they are related to icon changes

close modal icon alignment issue	publish button clipped

add discussion button on talk overlay

en.m.wikipedia.beta.wmflabs.org_wiki_Jam!(iPhone 6_7_8) (1).png (1×750 px, 45 KB)

last edited bar issues	...

thank button on diff page

en.m.wikipedia.beta.wmflabs.org_wiki_Special_MobileDiff_397227(iPhone 6_7_8).png (1×750 px, 162 KB)

Other issues, not sure if they are related to icon changes

close modal icon alignment issue publish button clipped

Close text appearing tracked in T232798

last edited bar issues ...

tracked in T232800

Will probably have to open bugs for the rest

I found a weird issue on Firefox (on production) - The logout icon is misaligned -

Change 536618 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/extensions/MobileFrontend@master] Flush reference drawer and Special:MobileDiff icons to relevant places

https://gerrit.wikimedia.org/r/536618

Change 536624 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/extensions/MobileFrontend@master] Search content margin should match

https://gerrit.wikimedia.org/r/536624

Change 536626 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/skins/MinervaNeue@master] Drop width declaration on close button

https://gerrit.wikimedia.org/r/536626

Change 536624 merged by Jdlrobson:
[mediawiki/extensions/MobileFrontend@master] Search content margin should match search input

https://gerrit.wikimedia.org/r/536624

Change 536618 merged by Jdlrobson:
[mediawiki/extensions/MobileFrontend@master] Flush reference drawer and Special:MobileDiff icons to relevant places

https://gerrit.wikimedia.org/r/536618

In T229440#5490743, @alexhollender wrote:

@Jdlrobson @Jdrewniak here are the issues I'm seeing on beta:

Main site header

hamburger and search are too close to the edges

https://gerrit.wikimedia.org/r/#/c/mediawiki/skins/MinervaNeue/+/536174/

Expand/collapse icon

too far over to the left not vertically centered with section heading

https://gerrit.wikimedia.org/r/#/c/mediawiki/skins/MinervaNeue/+/536174/

Overlays (talk, notifications, search)

The "X" has too much padding, which is causing two issues:

it should be closer to the edge of the screen it's pushing the element next to it too far over

https://gerrit.wikimedia.org/r/536626

Main menu

alignment issue, text slightly too high for some menu items

STILL NEEDS A FIX

Search within page element

alignment issue, should be further to the right

https://gerrit.wikimedia.org/r/536624

Log-out icon

tracked in T232792

Bytes changed icon

alignment issue, should be further to the left

https://gerrit.wikimedia.org/r/536618

Citation drawer

alignment issues, outer elements should be closer to edge of page general horizontal centering issues

https://gerrit.wikimedia.org/r/536618

Other issues, not sure if they are related to icon changes

close modal icon alignment issue publish button clipped

tracked in T232798

add discussion button on talk overlay

https://gerrit.wikimedia.org/r/536614

last edited bar issues ...

tracked in T232792

thank button on diff page

NEEDS FIX

Change 536661 had a related patch set uploaded (by Nray; owner: Nray):
[mediawiki/skins/MinervaNeue@master] Fix Main Menu text alignment problems

https://gerrit.wikimedia.org/r/536661

After Fix thanks extension works as expected

Change 536660 had a related patch set uploaded (by Pmiazga; owner: Jdlrobson):
[mediawiki/extensions/Thanks@master] Create mobile thanks using the mobile library

https://gerrit.wikimedia.org/r/536660

Change 536661 merged by Jdlrobson:
[mediawiki/skins/MinervaNeue@master] Fix Main Menu text alignment problems

https://gerrit.wikimedia.org/r/536661

Change 536626 merged by Jdlrobson:
[mediawiki/skins/MinervaNeue@master] Drop width declaration on close button

https://gerrit.wikimedia.org/r/536626

Change 536174 merged by Jdlrobson:
[mediawiki/skins/MinervaNeue@master] Utilize the mw-ui-icon-flush-left/right classes to align icons

https://gerrit.wikimedia.org/r/536174

Restricted Repository Identity mentioned this in rSKIN2fccbe16ed7c: Update git submodules.Sep 13 2019, 8:35 PM

Restricted Repository Identity mentioned this in rSKINc027d289cea0: Update git submodules.

Restricted Repository Identity mentioned this in rSKIN48bd971645df: Update git submodules.

Change 536660 merged by Jdlrobson:
[mediawiki/extensions/Thanks@master] Create mobile thanks using the mobile library

https://gerrit.wikimedia.org/r/536660

Maintenance_bot removed a project: Patch-For-Review.Sep 13 2019, 9:10 PM

Change 536973 had a related patch set uploaded (by Jdrewniak; owner: Jdrewniak):
[mediawiki/skins/MinervaNeue@master] Align right-most header icon with content.

https://gerrit.wikimedia.org/r/536973

gerritbot added a project: Patch-For-Review.Sep 16 2019, 9:07 AM

Jdlrobson mentioned this in T232941: [Regression] Showing "No change in size" wrongly on Minerva diff pages and text enlarged.Sep 16 2019, 5:10 PM

Change 536973 merged by Jdlrobson:
[mediawiki/skins/MinervaNeue@master] Align right-most header icon with content.

https://gerrit.wikimedia.org/r/536973

Restricted Repository Identity mentioned this in rSKIN3d4ae6a80fca: Update git submodules.Sep 16 2019, 5:26 PM

Jdlrobson added a subtask: T232943: Logout button on mobile web misaligned.Sep 16 2019, 6:00 PM

Maintenance_bot removed a project: Patch-For-Review.Sep 16 2019, 6:10 PM

Change 537190 had a related patch set uploaded (by Jdlrobson; owner: Jdlrobson):
[mediawiki/extensions/MobileFrontend@master] Search within pages icon should always be aligned with input icon

https://gerrit.wikimedia.org/r/537190

gerritbot added a project: Patch-For-Review.Sep 16 2019, 8:11 PM

Change 537198 had a related patch set uploaded (by Jdrewniak; owner: Jdrewniak):
[mediawiki/skins/MinervaNeue@master] Fix icon alignment & padding of last-modified bar

https://gerrit.wikimedia.org/r/537198

Change 537198 merged by Jdlrobson:
[mediawiki/skins/MinervaNeue@master] Fix icon alignment & padding of last-modified bar

https://gerrit.wikimedia.org/r/537198

Restricted Repository Identity mentioned this in rSKIN20f5a5c4ccd1: Update git submodules.Sep 16 2019, 9:34 PM

Block message drawer is all messed up:

In T229440#5497454, @matmarex wrote:

Block message drawer is all messed up:

Hmm it doesnt seem to look like that in the storybook:

https://doc.wikimedia.org/MobileFrontend/master/js/ui/?path=/story/editor--sourceeditoroverlay-blocked-user

Will take a look tomorrow to see what's going on here unless you beat me to it. CSS leakage?

Change 537190 merged by jenkins-bot:
[mediawiki/extensions/MobileFrontend@master] Search within pages icon should always be aligned with input icon

https://gerrit.wikimedia.org/r/537190

ovasileva added a subtask: T232837: Use mw-ui-icon-flush- classes on various icons to fix alignment: search within pages and block drawer icons.Sep 17 2019, 9:33 AM

@alexhollender please take a look at the items with ❓ .

Test Result

Status: ⬜ In Progress
OS: macOS Mojave
Browser: Chrome
Device: MBP
Emulated Device: iPhoneX

Test Artifact(s):==== QA Steps

On https://en.m.wikipedia.beta.wmflabs.org/wiki/Spain verify the following appear per T229440#5490743

✅ AC1: Main site header

❓ AC2: Expand/collapse icon

❓ AC3: Overlays (talk, notifications, search)

✅ AC4: Main menu

✅ AC5: Search within page element

✅ AC6: Log-out icon
See AC4 second image.

❓ AC7: Bytes changed icon

❌ AC8: Citation drawer
The Citation icon is aligned with the text, but the X is aligned with the right margin.

❓AC9: Close modal icon alignment issue

❓ AC10: Publish button clipped
should "Publish" be right justified with the right margin? The "Next" button on the previous screen currently matches "Publish" with regards to the right margin.

✅ AC11: Add discussion button on talk overlay

❌ AC12: Last edited bar issues
The text and the history icon appear to be too low.

✅ AC13: Thank button on diff page
See AC7 second image.

Edtadros updated the task description. (Show Details)Sep 17 2019, 2:33 PM

Jdlrobson moved this task from Needs More Work to Needs Design Review on the Web-Team-Backlog (Readers-Web-Kanbanana-2019-20-Q1) board.Sep 17 2019, 5:04 PM

In T229440#5497606, @Jdlrobson wrote:

In T229440#5497454, @matmarex wrote:

Block message drawer is all messed up:

Hmm it doesnt seem to look like that in the storybook:

https://doc.wikimedia.org/MobileFrontend/master/js/ui/?path=/story/editor--sourceeditoroverlay-blocked-user

Will take a look tomorrow to see what's going on here unless you beat me to it. CSS leakage?

The CSS in the storybook is loaded in a different order. On the real page, this block:

.block-message-icon {
    float: left;
    width: 20%;
    margin-top: 0.3em;
}

Overrides styles from this block:

.mw-ui-icon {
    font-size: initial;
    position: relative;
    display: inline-block;
    box-sizing: content-box !important;
    width: 1.25em;
    …
}

The two 'width' rules have a different effect because of that.

Change 537497 had a related patch set uploaded (by Bartosz Dziewoński; owner: Bartosz Dziewoński):
[mediawiki/extensions/MobileFrontend@master] BlockMessageDetails: Fix styling

https://gerrit.wikimedia.org/r/537497

Change 537497 abandoned by Bartosz Dziewoński:
BlockMessageDetails: Fix styling

Reason:
Let's go with https://gerrit.wikimedia.org/r/537500 instead, that also fixes the issue.

https://gerrit.wikimedia.org/r/537497

In T229440#5499327, @Edtadros wrote:

@alexhollender please take a look at the items with ❓ .

AC2 — fixed, but due to caching won't show up for another week or so https://phabricator.wikimedia.org/T232801
AC3 — fixed, looks good
AC7 — fixed, task for other issue is here https://phabricator.wikimedia.org/T233151
AC9 — T233171
AC10 — no issue
AC12 — T233172

Since everything is in separate tasks now I think it makes sense to do any further QA on those tasks themselves.

• alexhollender_WMF removed • alexhollender_WMF as the assignee of this task.Sep 18 2019, 6:56 PM

• alexhollender_WMF moved this task from Needs Design Review to Blocked on Others on the Web-Team-Backlog (Readers-Web-Kanbanana-2019-20-Q1) board.

ovasileva closed subtask T232798: [Regression] ICONS "Close" text appears below close icon when loading editor overlay as Resolved.Sep 20 2019, 9:16 AM

ovasileva closed subtask T232943: Logout button on mobile web misaligned as Resolved.

ovasileva closed subtask T232800: Regression: ICONS - last modified bar background doesn't cover entire element as Resolved.Sep 20 2019, 9:21 AM

ovasileva closed subtask T233167: [ICON] language label in overflow menu should look disabled matching icon (AMC user pages) as Resolved.Sep 24 2019, 10:36 AM

ovasileva closed subtask T229447: Reduce spacing of icons in mobile header as Resolved.

ovasileva closed subtask T230232: Site header doesn't fit on screen in advanced contributors mode as Resolved.Sep 24 2019, 10:40 AM

ovasileva closed subtask T232792: [Regression] ICONS: Not compatible with truncated text (last modified and logout button) as Resolved.Sep 25 2019, 9:02 AM

ovasileva closed subtask T231613: Replace 24x24px SVGs in MF/Minerva as Resolved.

ovasileva closed subtask T233171: [ICONS] editor-loading header as Resolved.Sep 26 2019, 4:37 PM

Jdlrobson assigned this task to • alexhollender_WMF.Sep 27 2019, 12:21 AM

Jdlrobson moved this task from Blocked on Others to Needs Design Review on the Web-Team-Backlog (Readers-Web-Kanbanana-2019-20-Q1) board.

ovasileva closed subtask T233166: [ICONS] logout icon horizontal centering as Resolved.Sep 30 2019, 3:24 PM

ovasileva closed subtask T233050: ICONS menu alignment and list item spacing as Resolved.Sep 30 2019, 3:32 PM

MBinder_WMF edited projects, added Web-Team-Backlog (Kanbanana-2019-20-Q2); removed Web-Team-Backlog (Readers-Web-Kanbanana-2019-20-Q1).Sep 30 2019, 5:20 PM

MBinder_WMF moved this task from Needs Analysis to Needs Design Review on the Web-Team-Backlog (Kanbanana-2019-20-Q2) board.Sep 30 2019, 5:26 PM

ovasileva closed subtask T232801: Flush section heading arrow icon to left of screen as Resolved.Oct 1 2019, 10:48 AM

ovasileva closed subtask T232011: [regression wmf.21-minor] Notification icon overflows viewport as Resolved.Oct 1 2019, 11:13 AM

ovasileva closed subtask T233172: [ICONS] last edited element alignment as Resolved.Oct 7 2019, 10:13 AM

ovasileva closed subtask T233151: Remove mobile diff page drawer margin as Resolved.

ovasileva closed subtask T233156: [ICONS] clear search icon alignment as Resolved.Oct 7 2019, 10:16 AM

ovasileva closed subtask T230033: [ICONS] Increase touch targets from 40x40 to 44x44 as Resolved.Oct 7 2019, 5:15 PM

Jdlrobson reopened subtask T233172: [ICONS] last edited element alignment as Open.Oct 7 2019, 11:32 PM

ovasileva closed subtask T233152: [ICONS] reference drawer icon and alignment as Resolved.Oct 16 2019, 12:51 PM

MBinder_WMF moved this task from Needs Design Review to Quarterly Goals on the Web-Team-Backlog (Kanbanana-2019-20-Q2) board.Oct 16 2019, 5:07 PM

I think this can be signed off.

Note the remaining open bugs are not about sizing or consistency (while I could be convinced the former is, the issue with last modified is specific to that icon).

https://phabricator.wikimedia.org/T233046
https://phabricator.wikimedia.org/T233172

WHOO!! Resolving

ovasileva closed subtask T232837: Use mw-ui-icon-flush- classes on various icons to fix alignment: search within pages and block drawer icons as Resolved.Oct 21 2019, 10:23 AM

ovasileva closed subtask T233172: [ICONS] last edited element alignment as Resolved.Dec 11 2019, 5:58 PM

ovasileva closed subtask T233046: ICONS: tap/active state remains after tapping button as Resolved.Dec 12 2019, 2:44 PM

	F30381143: T229440-11.png
	Sep 17 2019, 2:30 PM

	F30381152: T229440-12.png
	Sep 17 2019, 2:30 PM

	F30381108: T229440-8.png
	Sep 17 2019, 2:30 PM

	F30381153: T229440-12b.png
	Sep 17 2019, 2:30 PM

[EPIC] Refactor icon sizing in MF/Minerva to achieve consistencyClosed, ResolvedPublic8 Estimated Story PointsActions

Description

Description

Example of current issue

Developer notes

QA

Sign off steps

QA Results

Details

Related ObjectsSearch...

Event Timeline

Main site header

Expand/collapse icon

Overlays (talk, notifications, search)

Main menu

Search within page element

Log-out icon

Bytes changed icon

Citation drawer

Other issues, not sure if they are related to icon changes

Other issues, not sure if they are related to icon changes

Main site header

Expand/collapse icon

Overlays (talk, notifications, search)

Main menu

Search within page element

Log-out icon

Bytes changed icon

Citation drawer

Other issues, not sure if they are related to icon changes

Test Result

[EPIC] Refactor icon sizing in MF/Minerva to achieve consistency
Closed, ResolvedPublic8 Estimated Story Points
Actions

Related Objects
Search...