Change Details

Blocked on: T340262 When ready, we should revert the change in https://gerrit.wikimedia.org/r/c/mediawiki/skins/MinervaNeue/+/837759 to bring Minerva in line with Vector's icons and buttons. This will also style the button in the IP masked mode (see current screenshot) {F37123498} Several consequences of this change will be: - All touch areas of icons on mobile will reduce from 46x46 to 44x44 - On desktop the touch areas of icons will reduce to 32x32 - Margins between icons and text labels will be reduced from 8px to 6px |Before|After |{F35545752}|{F35545755}| |{F35545760}|{F35545758}| # QA [] When the change is made we should be careful not to break the mw-ui-icon-flush classes behaviour

NOTE: This ticket has been rescoped to track what actually happened as part of this ticket. Please see new tickets T342907 and T342908. The last modified bar should be migrated from mw-ui-icon to use Codex icons with the eventual goal of converting all buttons and icons in the mobile site to Codex # TODO [x] Port last modified bar [x] Create a plan for migrating other components. # QA steps - Go to a page that hasn't been recently edited e.g. https://en.m.wikipedia.beta.wmflabs.org/wiki/Conflict-title-0.45571297002697864-I%C3%B1t%C3%ABrn%C3%A2ti%C3%B4n%C3%A0liz%C3%A6ti%C3%B8n - There should be a clock and arrow icon and the bar should be gray. - Edit the article. - Refresh the page - The bar should be green and a clock and arrow icon should be present. # Original ticket NOTE: Ignore everything that follows. This captures the original scope of this ticket. ``` Blocked on: T340262 When ready, we should revert the change in https://gerrit.wikimedia.org/r/c/mediawiki/skins/MinervaNeue/+/837759 to bring Minerva in line with Vector's icons and buttons. This will also style the button in the IP masked mode (see current screenshot) {F37123498} Several consequences of this change will be: - All touch areas of icons on mobile will reduce from 46x46 to 44x44 - On desktop the touch areas of icons will reduce to 32x32 - Margins between icons and text labels will be reduced from 8px to 6px |Before|After |{F35545752}|{F35545755}| |{F35545760}|{F35545758}| # QA [] When the change is made we should be careful not to break the mw-ui-icon-flush classes behaviour ```

NOTE: This ticket has been rescoped to track what actually happened as part of this ticket. Please see new tickets T342907 and T342908. The last modified bar should be migrated from mw-ui-icon to use Codex icons with the eventual goal of converting all buttons and icons in the mobile site to Codex # TODO [x] Port last modified bar [x] Create a plan for migrating other components. # QA steps - Go to a page that hasn't been recently edited e.g. https://en.m.wikipedia.beta.wmflabs.org/wiki/Conflict-title-0.45571297002697864-I%C3%B1t%C3%ABrn%C3%A2ti%C3%B4n%C3%A0liz%C3%A6ti%C3%B8n - There should be a clock and arrow icon and the bar should be gray. - Edit the article. - Refresh the page - The bar should be green and a clock and arrow icon should be present. # Original ticket NOTE: Ignore everything that follows. This captures the original scope of this ticket. ``` Blocked on: T340262 When ready, we should revert the change in https://gerrit.wikimedia.org/r/c/mediawiki/skins/MinervaNeue/+/837759 to bring Minerva in line with Vector's icons and buttons. This will also style the button in the IP masked mode (see current screenshot) {F37123498} Several consequences of this change will be: - All touch areas of icons on mobile will reduce from 46x46 to 44x44 - On desktop the touch areas of icons will reduce to 32x32 - Margins between icons and text labels will be reduced from 8px to 6px |Before|After |{F35545752}|{F35545755}| |{F35545760}|{F35545758}| # QA [] When the change is made we should be careful not to break the mw-ui-icon-flush classes behaviour ```