for (;;);{"error":null,"payload":{"timeline":"\u003cdiv class=\"phui-timeline-older-transactions-are-hidden\" data-sigil=\"show-older-block\"\u003eThere are a very large number of changes, so older changes are hidden. \u003ca href=\"\/transactions\/showolder\/PHID-TASK-5pwr7jj6t6l2kjbhdwvi\/?after=7585788&quoteTargetID=UQ0_1&quoteRef=T298198\" data-mustcapture=\"1\" data-sigil=\"show-older-link\"\u003eShow Older Changes\u003c\/a\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_254\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"display: none;\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7585795\" id=\"7585795\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_253\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_0\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-lock lightgreytext\" data-meta=\"0_1\" aria-hidden=\"true\"\u003e\u003c\/span\u003eRestricted Application\u003c\/span\u003e added a subscriber: \u003ca href=\"\/p\/Aklapper\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_2\"\u003eAklapper\u003c\/a\u003e. \u003cspan class=\"phui-timeline-extra-information\"\u003e \u00b7  \u003ca href=\"\/herald\/transcript\/4561407\/\"\u003eView Herald Transcript\u003c\/a\u003e\u003c\/span\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7585795\" data-sigil=\"has-tooltip\" data-meta=\"0_252\"\u003e\u003cspan class=\"screen-only\"\u003eDec 22 2021, 3:05 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2021-12-22 15:05:34 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_257\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/ufcoler54esrgths6k63\/PHID-FILE-olz4lqbqk5e64arigxrr\/8c9c85-alphanumeric_aleo-white_A.png-0%2C0%2C0%2C0.png)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/AAlhazwani-WMF\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7585796\" id=\"7585796\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_256\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/AAlhazwani-WMF\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_90\"\u003eAAlhazwani-WMF\u003c\/a\u003e added a parent task: \u003ca href=\"\/T90687\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_91\"\u003eT90687: Define a baseline grid and support a responsive grid system\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7585796\" data-sigil=\"has-tooltip\" data-meta=\"0_255\"\u003e\u003cspan class=\"screen-only\"\u003eDec 22 2021, 3:05 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2021-12-22 15:05:55 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell phui-timeline-green\" data-sigil=\"transaction anchor-container\" data-meta=\"0_262\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7847522\" id=\"7847522\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill fill-has-color phui-timeline-icon-fill-green\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user phui-timeline-icon\" data-meta=\"0_259\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_92\"\u003ebmartinezcalvo\u003c\/a\u003e claimed this task.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7847522\" data-sigil=\"has-tooltip\" data-meta=\"0_258\"\u003e\u003cspan class=\"screen-only\"\u003eApr 12 2022, 9:57 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-04-12 09:57:44 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_260\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_93\"\u003ebmartinezcalvo\u003c\/a\u003e edited projects, added \u003ca href=\"\/project\/view\/5792\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_94\"\u003eDesign-Systems-team-20200324-20220422 (Design-Systems-Active-Sprint)\u003c\/a\u003e, \u003ca href=\"\/tag\/codex\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_95\"\u003eCodex\u003c\/a\u003e; removed \u003ca href=\"\/project\/view\/5545\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_96\"\u003eDesign-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board)\u003c\/a\u003e.\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_261\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_97\"\u003ebmartinezcalvo\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5792\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_98\"\u003eResearch\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5792\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_99\"\u003eReady for Design\u003c\/a\u003e on the \u003ca href=\"\/project\/view\/5792\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_100\"\u003eDesign-Systems-team-20200324-20220422 (Design-Systems-Active-Sprint)\u003c\/a\u003e board.\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_265\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7847525\" id=\"7847525\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_264\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_101\"\u003ebmartinezcalvo\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-oh7jx7orr3nzpl7\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7847525\" data-sigil=\"has-tooltip\" data-meta=\"0_263\"\u003e\u003cspan class=\"screen-only\"\u003eApr 12 2022, 10:04 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-04-12 10:04:30 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_268\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"display: none;\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7847526\" id=\"7847526\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_267\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003cspan class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_102\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-lock lightgreytext\" data-meta=\"0_103\" aria-hidden=\"true\"\u003e\u003c\/span\u003eRestricted Application\u003c\/span\u003e added a subscriber: \u003ca href=\"\/p\/Masumrezarock100\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_104\"\u003eMasumrezarock100\u003c\/a\u003e. \u003cspan class=\"phui-timeline-extra-information\"\u003e \u00b7  \u003ca href=\"\/herald\/transcript\/4716441\/\"\u003eView Herald Transcript\u003c\/a\u003e\u003c\/span\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7847526\" data-sigil=\"has-tooltip\" data-meta=\"0_266\"\u003e\u003cspan class=\"screen-only\"\u003eApr 12 2022, 10:04 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-04-12 10:04:36 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_271\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7847527\" id=\"7847527\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_270\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_105\"\u003ebmartinezcalvo\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-yqqklxlrzegahdx\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7847527\" data-sigil=\"has-tooltip\" data-meta=\"0_269\"\u003e\u003cspan class=\"screen-only\"\u003eApr 12 2022, 10:05 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-04-12 10:05:11 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_274\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/milca6lymjwxq7odmjzh\/PHID-FILE-qrn2bc54vqafmp4knd35\/648d72-alphanumeric_lato-white_S.png-0%2C0%2C0%2C0.3.png)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/STH\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7858739\" id=\"7858739\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_273\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/STH\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_106\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e STH\u003c\/a\u003e edited projects, added \u003ca href=\"\/tag\/design-system-team\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_107\"\u003eDesign-System-Team\u003c\/a\u003e; removed \u003ca href=\"\/project\/view\/5792\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_108\"\u003eDesign-Systems-team-20200324-20220422 (Design-Systems-Active-Sprint)\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7858739\" data-sigil=\"has-tooltip\" data-meta=\"0_272\"\u003e\u003cspan class=\"screen-only\"\u003eApr 15 2022, 9:34 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-04-15 21:34:46 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_277\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/milca6lymjwxq7odmjzh\/PHID-FILE-qrn2bc54vqafmp4knd35\/648d72-alphanumeric_lato-white_S.png-0%2C0%2C0%2C0.3.png)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/STH\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7879316\" id=\"7879316\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_276\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/STH\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_109\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e STH\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5858\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_110\"\u003eInbox\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5858\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_111\"\u003eNeeds Refinement\u003c\/a\u003e on the \u003ca href=\"\/tag\/design-system-team\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_112\"\u003eDesign-System-Team\u003c\/a\u003e board.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7879316\" data-sigil=\"has-tooltip\" data-meta=\"0_275\"\u003e\u003cspan class=\"screen-only\"\u003eApr 26 2022, 12:11 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-04-26 00:11:47 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_280\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/milca6lymjwxq7odmjzh\/PHID-FILE-qrn2bc54vqafmp4knd35\/648d72-alphanumeric_lato-white_S.png-0%2C0%2C0%2C0.3.png)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/STH\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7880633\" id=\"7880633\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_279\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/STH\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_113\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e STH\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5858\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_114\"\u003eNeeds Refinement\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5858\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_115\"\u003eUp Next\u003c\/a\u003e on the \u003ca href=\"\/tag\/design-system-team\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_116\"\u003eDesign-System-Team\u003c\/a\u003e board.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7880633\" data-sigil=\"has-tooltip\" data-meta=\"0_278\"\u003e\u003cspan class=\"screen-only\"\u003eApr 26 2022, 12:35 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-04-26 12:35:24 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell phui-timeline-green\" data-sigil=\"transaction anchor-container\" data-meta=\"0_283\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/milca6lymjwxq7odmjzh\/PHID-FILE-qrn2bc54vqafmp4knd35\/648d72-alphanumeric_lato-white_S.png-0%2C0%2C0%2C0.3.png)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/STH\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7893485\" id=\"7893485\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill fill-has-color phui-timeline-icon-fill-green\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-arrow-right phui-timeline-icon\" data-meta=\"0_282\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/STH\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_117\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e STH\u003c\/a\u003e triaged this task as \u003cspan class=\"phui-timeline-value\"\u003eHigh\u003c\/span\u003e priority.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7893485\" data-sigil=\"has-tooltip\" data-meta=\"0_281\"\u003e\u003cspan class=\"screen-only\"\u003eApr 30 2022, 6:08 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-04-30 18:08:50 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell phui-timeline-grey\" data-sigil=\"transaction anchor-container\" data-meta=\"0_289\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/milca6lymjwxq7odmjzh\/PHID-FILE-qrn2bc54vqafmp4knd35\/648d72-alphanumeric_lato-white_S.png-0%2C0%2C0%2C0.3.png)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/STH\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7895856\" id=\"7895856\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill fill-has-color phui-timeline-icon-fill-grey\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-arrow-down phui-timeline-icon\" data-meta=\"0_285\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/STH\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_118\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e STH\u003c\/a\u003e lowered the priority of this task from \u003cspan class=\"phui-timeline-value\"\u003eHigh\u003c\/span\u003e to \u003cspan class=\"phui-timeline-value\"\u003eMedium\u003c\/span\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7895856\" data-sigil=\"has-tooltip\" data-meta=\"0_284\"\u003e\u003cspan class=\"screen-only\"\u003eMay 2 2022, 1:48 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-02 13:48:43 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_286\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/STH\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_119\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e STH\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5858\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_120\"\u003eUp Next\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5858\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_121\"\u003eDesign-System-Sprint\u003c\/a\u003e on the \u003ca href=\"\/tag\/design-system-team\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_122\"\u003eDesign-System-Team\u003c\/a\u003e board.\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_287\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/STH\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_123\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e STH\u003c\/a\u003e edited projects, added \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_124\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e; removed \u003ca href=\"\/tag\/design-system-team\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_125\"\u003eDesign-System-Team\u003c\/a\u003e.\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_288\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/STH\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_126\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e STH\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_127\"\u003eCommitted\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_128\"\u003eReady for Design\u003c\/a\u003e on the \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_129\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e board.\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_292\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/ufcoler54esrgths6k63\/PHID-FILE-olz4lqbqk5e64arigxrr\/8c9c85-alphanumeric_aleo-white_A.png-0%2C0%2C0%2C0.png)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/AAlhazwani-WMF\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7900100\" id=\"7900100\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-times phui-timeline-icon\" data-meta=\"0_291\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/AAlhazwani-WMF\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_130\"\u003eAAlhazwani-WMF\u003c\/a\u003e unsubscribed.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7900100\" data-sigil=\"has-tooltip\" data-meta=\"0_290\"\u003e\u003cspan class=\"screen-only\"\u003eMay 3 2022, 4:08 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-03 16:08:29 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_295\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7913156\" id=\"7913156\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_294\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_131\"\u003ebmartinezcalvo\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_132\"\u003eReady for Design\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_133\"\u003eIn Design\u003c\/a\u003e on the \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_134\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e board.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7913156\" data-sigil=\"has-tooltip\" data-meta=\"0_293\"\u003e\u003cspan class=\"screen-only\"\u003eMay 9 2022, 9:28 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-09 09:28:37 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_298\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7927416\" id=\"7927416\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_297\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_135\"\u003ebmartinezcalvo\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-yn7uhqv5xpjou5k\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7927416\" data-sigil=\"has-tooltip\" data-meta=\"0_296\"\u003e\u003cspan class=\"screen-only\"\u003eMay 13 2022, 3:10 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-13 15:10:32 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell phui-timeline-green\" data-sigil=\"transaction anchor-container\" data-meta=\"0_309\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"7927646\" id=\"7927646\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill fill-has-color phui-timeline-icon-fill-green\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-step-forward phui-timeline-icon\" data-meta=\"0_306\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_136\"\u003ebmartinezcalvo\u003c\/a\u003e changed the task status from \u003cspan class=\"phui-timeline-value\"\u003eOpen\u003c\/span\u003e to \u003cspan class=\"phui-timeline-value\"\u003eIn Progress\u003c\/span\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7927646\" data-sigil=\"has-tooltip\" data-meta=\"0_305\"\u003e\u003cspan class=\"screen-only\"\u003eMay 13 2022, 3:52 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-13 15:52:38 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_307\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_137\"\u003ebmartinezcalvo\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_138\"\u003eIn Design\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_139\"\u003eDesign Review\u003c\/a\u003e on the \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_140\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e board.\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_308\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_141\"\u003ebmartinezcalvo\u003c\/a\u003e added subscribers: \u003ca href=\"\/p\/AnneT\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_142\"\u003eAnneT\u003c\/a\u003e, \u003ca href=\"\/p\/Volker_E\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_143\"\u003eVolker_E\u003c\/a\u003e, \u003ca href=\"\/p\/Catrope\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_144\"\u003eCatrope\u003c\/a\u003e.\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_303\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_304\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_145\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eBased on this \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/?node-id=525%3A8285\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003efirst proposal\u003c\/a\u003e from \u003ca href=\"\/p\/KieranMcCann\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_7\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@KieranMcCann\u003c\/span\u003e\u003c\/a\u003e on grids and layouts, I've been exploring the different possibilities to create our new grids and apply them in our current breakpoints. We will review the possibility of updating the breakpoints, but the proposal is aimed at the breakpoints currently defined in \u003ca href=\"\/T303522\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_5\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT303522\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e\u003c\/p\u003e\n\n\u003ch5 class=\"remarkup-header\"\u003eGrids specifications\u003c\/h5\u003e\n\n\u003cp\u003e\u003cstrong\u003eXL (2000px and more)\u003c\/strong\u003e\u003cbr \/\u003e\n\u003ctt class=\"remarkup-monospaced\"\u003e12 columns\u003c\/tt\u003e\u003cbr \/\u003e\nMax content width: 1376px\u003cbr \/\u003e\nMargins: they scale\u003cbr \/\u003e\nGutters 24px\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eL (1200px to 1999px)\u003c\/strong\u003e\u003cbr \/\u003e\n\u003ctt class=\"remarkup-monospaced\"\u003e12 columns\u003c\/tt\u003e\u003cbr \/\u003e\nMax content width 1392px\u003cbr \/\u003e\nMargins: 24px to max content width then they scale\u003cbr \/\u003e\nGutters 24px\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eM (1000px to 1199px)\u003c\/strong\u003e\u003cbr \/\u003e\n\u003ctt class=\"remarkup-monospaced\"\u003e12 columns\u003c\/tt\u003e\u003cbr \/\u003e\nMargins \u2013 32px\u003cbr \/\u003e\nGutters \u2013 24px\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eS (720px to 999px)\u003c\/strong\u003e\u003cbr \/\u003e\n\u003ctt class=\"remarkup-monospaced\"\u003e8 columns\u003c\/tt\u003e\u003cbr \/\u003e\nMargins \u2013 24px\u003cbr \/\u003e\nGutters \u2013 24px\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eXS (320px to 719px)\u003c\/strong\u003e\u003cbr \/\u003e\n\u003ctt class=\"remarkup-monospaced\"\u003e4 columns\u003c\/tt\u003e\u003cbr \/\u003e\nMargins \u2013 16px\u003cbr \/\u003e\nGutters \u2013 16px\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/etdunp7f7x2u6yqlvo3v\/PHID-FILE-umaglm4xmwr3fx3nk4o2\/Grids.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_3\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/aiygadsgbscenufqo4qk\/PHID-FILE-jg6dpgzrriwzl2efpbq3\/preview-Grids.png\" width=\"111.62680299434\" height=\"220\" alt=\"Grids.png (5\u00d72 px, 181 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cp\u003eWe will have 12 columns for screens from 1000px and more, 8 columns for screens between 720-999px and 4 columns for screens between 320-719px.\u003c\/p\u003e\n\n\u003cp\u003eI propose to have 1376px for \u003cstrong\u003emax content width\u003c\/strong\u003e will be \u003ctt class=\"remarkup-monospaced\"\u003e1376px\u003c\/tt\u003e. This max content width was defined based on 1440px screens so the max width will match with the grid width on 1440px screens. Although 1440px is not one of our breakpoints, it's the screen with which we should design on desktop since it corresponds to the most used on laptops.\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/tyyuol45h3aku5l64kwr\/PHID-FILE-7t4m2dsszbdxehkgd7n4\/1440px.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_4\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/hvushcshofkac7pilje2\/PHID-FILE-awhevitimptix2wjgjlt\/preview-1440px.png\" width=\"220\" height=\"122.22222222222\" alt=\"1440px.png (800\u00d71 px, 10 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003ch5 class=\"remarkup-header\"\u003eLayouts\u003c\/h5\u003e\n\n\u003cp\u003eRegarding layouts, \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/?node-id=735%3A58064\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003ethis is the proposal with the grid applied\u003c\/a\u003e to the most important layouts:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eLeft panel\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eNo panel\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eFull width\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eI've also tested the new grids and layouts in \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/?node-id=735%3A35568\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003edifferent pages of our current products\u003c\/a\u003e as well as \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/?node-id=735%3A35568\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003ewith different languages\u003c\/a\u003e to check if the new grid and layouts would work with our current products.\u003c\/p\u003e\n\n\u003chr class=\"remarkup-hr\" \/\u003e\n\n\u003ch5 class=\"remarkup-header\"\u003eQuestions to solve\u003c\/h5\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eI assume that these new grids will be applied only to new projects developed with Codex. Or do we want these grids to be applied to projects created with OOUI too?\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eLikewise, I assume that these grids will be applied only by New Vector skin.\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eWould it possible to update our current breakpoints \u003ca href=\"\/T303522\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_6\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT303522\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e to reduce the number of breakpoints? Currently \u003ctt class=\"remarkup-monospaced\"\u003eM\u003c\/tt\u003e and \u003ctt class=\"remarkup-monospaced\"\u003eL\u003c\/tt\u003e are quite similar so we could merge them and have one only size from 1000-1999px.\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eHow will the grids be implemented and what would be the technical specifications to move forward with the task?\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003e\u003ca href=\"\/p\/Catrope\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_8\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@Catrope\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"\/p\/AnneT\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_9\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@AnneT\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"\/p\/Volker_E\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_10\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@Volker_E\u003c\/span\u003e\u003c\/a\u003e\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_312\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7930593\" id=\"7930593\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_311\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_146\"\u003ebmartinezcalvo\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-pko2ur2lslfrucn\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7930593\" data-sigil=\"has-tooltip\" data-meta=\"0_310\"\u003e\u003cspan class=\"screen-only\"\u003eMay 16 2022, 12:02 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-16 12:02:56 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_315\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7930647\" id=\"7930647\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_314\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_147\"\u003ebmartinezcalvo\u003c\/a\u003e mentioned this in \u003ca href=\"\/T303522\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_148\"\u003eT303522: Decide on CSS breakpoints for the design system\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7930647\" data-sigil=\"has-tooltip\" data-meta=\"0_313\"\u003e\u003cspan class=\"screen-only\"\u003eMay 16 2022, 12:18 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-16 12:18:59 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_318\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/5rgojmch25zjn4qbyihr\/PHID-FILE-lammujrvef44b2xfeygm\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/Volker_E\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7932151\" id=\"7932151\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_317\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/Volker_E\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_149\"\u003eVolker_E\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-pwxev2frtwe3i44\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7932151\" data-sigil=\"has-tooltip\" data-meta=\"0_316\"\u003e\u003cspan class=\"screen-only\"\u003eMay 16 2022, 6:50 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-16 18:50:50 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_321\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/5rgojmch25zjn4qbyihr\/PHID-FILE-lammujrvef44b2xfeygm\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/Volker_E\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7932171\" id=\"7932171\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_320\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/Volker_E\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_150\"\u003eVolker_E\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-wwzypbmquo4uray\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7932171\" data-sigil=\"has-tooltip\" data-meta=\"0_319\"\u003e\u003cspan class=\"screen-only\"\u003eMay 16 2022, 6:59 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-16 18:59:02 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_330\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/vkbdrif2qx4aoarbhmbr\/PHID-FILE-wgm76sunyarnnrruhqyb\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/alexhollender_WMF\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"7936666\" id=\"7936666\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_329\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_151\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e alexhollender_WMF\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7936666\" data-sigil=\"has-tooltip\" data-meta=\"0_328\"\u003e\u003cspan class=\"screen-only\"\u003eMay 17 2022, 10:21 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-17 22:21:41 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_326\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_327\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_152\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_12\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@bmartinezcalvo\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"\/p\/KieranMcCann\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_13\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@KieranMcCann\u003c\/span\u003e\u003c\/a\u003e here is a more detailed version of the 4 layouts I've been working with for desktop web. you can play around with various screen sizes in this prototype: \u003ca href=\"https:\/\/di-collapsible-menus.web.app\/Brown_bear\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003ehttps:\/\/di-collapsible-menus.web.app\/Brown_bear\u003c\/a\u003e (in order to get to layout 2, open the Tools menu and click "move to sidebar").\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/sorbjuohoofp3fvs5ziz\/PHID-FILE-wr5asul5cthvl2dokom7\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_11\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/sorbjuohoofp3fvs5ziz\/PHID-FILE-wr5asul5cthvl2dokom7\/image.png\" width=\"800\" alt=\"image.png (7\u00d73 px, 573 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_333\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7943807\" id=\"7943807\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_332\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_153\"\u003ebmartinezcalvo\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_154\"\u003eDesign Review\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_155\"\u003eIn Design\u003c\/a\u003e on the \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_156\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e board.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7943807\" data-sigil=\"has-tooltip\" data-meta=\"0_331\"\u003e\u003cspan class=\"screen-only\"\u003eMay 20 2022, 8:29 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-20 08:29:18 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_342\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/a3nhur5kqebjvfag35qf\/PHID-FILE-xgervbjwmpsr4vgbwhgh\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/NBaca-WMF\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"7950518\" id=\"7950518\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_341\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/NBaca-WMF\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_158\"\u003eNBaca-WMF\u003c\/a\u003e subscribed.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7950518\" data-sigil=\"has-tooltip\" data-meta=\"0_340\"\u003e\u003cspan class=\"screen-only\"\u003eMay 23 2022, 4:28 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-23 16:28:47 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_338\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_339\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_157\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_14\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@bmartinezcalvo\u003c\/span\u003e\u003c\/a\u003e will be meeting tomorrow with \u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_15\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e to discuss this and will post an updated proposal after this\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_351\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"7953637\" id=\"7953637\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_350\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_159\"\u003ebmartinezcalvo\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7953637\" data-sigil=\"has-tooltip\" data-meta=\"0_349\"\u003e\u003cspan class=\"screen-only\"\u003eMay 24 2022, 4:31 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-24 16:31:27 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_347\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_348\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_160\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eFollowing the 4 layouts proposed by\u00a0\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_21\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e\u00a0in his last comment , I've been working on these two new grid proposals to fit our grids on the 4 different layouts presented by Alex, where the article width is one of the most importan aspects to improve the reading experience. In this way, I've updated the grids with the following to fit better with this reading experience for the article:\u003c\/p\u003e\n\n\u003ch5 class=\"remarkup-header\"\u003eOption 1\u003c\/h5\u003e\n\n\u003cp\u003eIn a \u003cstrong\u003e1440px\u003c\/strong\u003e screen we would have:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e14 columns\u00a0(instead of 12 columns, to be able to have a \u003cstrong\u003e960px of article content\u003c\/strong\u003e)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003emax-width content 1514px\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eMargins: 40px\u00a0(to max content width, then they scale)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eGutters 40px\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/tgukpustrdcwr26ylaqp\/PHID-FILE-4vcmnrjmh74qpdad3nw6\/1440px_Option1.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_16\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/6nyacbhrqs3z2gydpzuv\/PHID-FILE-tu5uelkgb7objdvtorb4\/preview-1440px_Option1.png\" width=\"220\" height=\"122.35783633842\" alt=\"1440px_Option1.png (802\u00d71 px, 275 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003ch5 class=\"remarkup-header\"\u003eOption 2\u003c\/h5\u003e\n\n\u003cp\u003eIn a \u003cstrong\u003e1440px\u003c\/strong\u003e screen we would have:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e14 columns\u00a0(instead of 12 columns, to be able to have a \u003cstrong\u003e976px of article content\u003c\/strong\u003e)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003emax-width content 1514px\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eMargins: 32px\u00a0(to max content width, then they scale)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eGutters 24px\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/6usxoorqpdzoxgfn76s2\/PHID-FILE-m425esf2zjwptudzlpio\/1440px_Option2.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_17\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/a356k7rcnvrupoqbs5ed\/PHID-FILE-w6qut6477ptkeqmlly7x\/preview-1440px_Option2.png\" width=\"220\" height=\"122.35783633842\" alt=\"1440px_Option2.png (802\u00d71 px, 272 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cp\u003e*Both proposals fit with Alex layout but with this second proposal we gain some extra space (16px) for the ToC and the article content. Also, 40px for gutters could be too much separation for the grid columns in some cass.\u003c\/p\u003e\n\n\u003cp\u003e\ud83d\udc41 \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/?node-id=786%3A35349\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eHere you can view both grids proposals\u00a0tested with:\u003c\/a\u003e\u003c\/p\u003e\n\n\u003col class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eWith our current breakpoints\u00a0(surely we will update them in the breakpoints task \u003ca href=\"\/T303522\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_20\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT303522\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e but at the moment are the ones we have so I tested the grids with them and also with 1440px screen since is one of the most common desktop screen sizes)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eWith the 4 layouts\u00a0Alex proposed (1 panel, 2 panels, no panel and full width)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eWith different pages\u00a0(Wikipedia article, Special Search, Wikicommons...)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eWith different languages\u003c\/li\u003e\n\u003c\/ol\u003e\n\n\u003cp\u003e\u2028\u003c\/p\u003e\n\n\u003ch6 class=\"remarkup-header\"\u003eClick \u003ctt class=\"remarkup-monospaced\"\u003eControl + G\u003c\/tt\u003e to show and hide the grids in the Figma file.\u003c\/h6\u003e\n\n\u003chr class=\"remarkup-hr\" \/\u003e\n\n\u003cp\u003e\u2139\ufe0f I've reviewed both proposals with \u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_22\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e during a meeting with him today and he agrees with both proposals. The only difference with his layouts is that he proposed a ToC with 245px fixed width so it had the same width in all responsiveness where the ToC is visible (desktop). But I commented with him that if we implement grids we should align all (or almost all) the content of the screen to the grids columns since the grids are implemented to make all the screen content be well aligned with the grid, as well as to make the responsiveness more fluid.\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/xznkisjjotvphasb7vxx\/PHID-FILE-qigmtgcvqv6763amn57t\/Captura_de_pantalla_2022-05-24_a_las_18.23.39.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_18\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/bmfjfar43vbkz32kel6z\/PHID-FILE-ms53hbf2f6tpyovfvbyh\/preview-Captura_de_pantalla_2022-05-24_a_las_18.23.39.png\" width=\"220\" height=\"92.729468599034\" alt=\"Captura de pantalla 2022-05-24 a las 18.23.39.png (698\u00d71 px, 683 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/5l2mrugs5wjieaxe5gpj\/PHID-FILE-zmf4kapak7vwu7sw2x5k\/Captura_de_pantalla_2022-05-24_a_las_18.24.10.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_19\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/3y4m3kzmhkdvuazisovk\/PHID-FILE-gnq3scdiizljw2x6nz5a\/preview-Captura_de_pantalla_2022-05-24_a_las_18.24.10.png\" width=\"220\" height=\"120.09661835749\" alt=\"Captura de pantalla 2022-05-24 a las 18.24.10.png (904\u00d71 px, 883 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cdiv class=\"remarkup-note\"\u003e\u003cspan class=\"remarkup-note-word\"\u003eNOTE:\u003c\/span\u003e We have commented to develop a \u003ca href=\"https:\/\/di-collapsible-menus.web.app\/Brown_bear\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eprototype like this\u003c\/a\u003e to be able to test all the possible options before taking a final decision.\u003c\/div\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_354\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7953641\" id=\"7953641\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_353\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_161\"\u003ebmartinezcalvo\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_162\"\u003eIn Design\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_163\"\u003eDesign Review\u003c\/a\u003e on the \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_164\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e board.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7953641\" data-sigil=\"has-tooltip\" data-meta=\"0_352\"\u003e\u003cspan class=\"screen-only\"\u003eMay 24 2022, 4:33 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-24 16:33:48 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_363\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/my7gtpd2rsfpydpp2x3h\/PHID-FILE-kxog5xmsrhyciivwkrkn\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/KieranMcCann\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"7957712\" id=\"7957712\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_362\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/KieranMcCann\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_165\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e KieranMcCann\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7957712\" data-sigil=\"has-tooltip\" data-meta=\"0_361\"\u003e\u003cspan class=\"screen-only\"\u003eMay 25 2022, 4:55 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-25 16:55:10 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_359\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_360\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_166\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eThanks for this \u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_23\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@bmartinezcalvo\u003c\/span\u003e\u003c\/a\u003e and for explaining so clearly.\u003c\/p\u003e\n\n\u003cp\u003eMy only concern about a 14 column grid is that it offers less flexibility for creating balanced layouts.\u003c\/p\u003e\n\n\u003cp\u003eFor instance a 12 column grid can be divided equally by:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e2 (6 columns)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e3 (4 columns)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e4 (3 columns)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e6 (2 columns)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eWhereas a 14 column gird can only be divided equally by:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e2 (7 columns)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e7 (2 columns)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eThis would mean for our other page layouts (at this breakpoint) we would have much less flexibility in creating balanced multi-column layouts, which feels like quite a big trade-off to me. But maybe something we need to text with our most common layouts?\u003c\/p\u003e\n\n\u003cp\u003ecc \u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_24\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_373\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"7960069\" id=\"7960069\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_372\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_167\"\u003ebmartinezcalvo\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003eEdited\u003cspan class=\"visual-only\" aria-hidden=\"true\"\u003e \u00b7 \u003c\/span\u003e\u003ca href=\"#7960069\" data-sigil=\"has-tooltip\" data-meta=\"0_371\"\u003e\u003cspan class=\"screen-only\"\u003eMay 26 2022, 11:05 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-05-26 11:05:20 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_369\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_370\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_168\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cblockquote class=\"remarkup-reply-block\"\u003e\n\u003cdiv class=\"remarkup-reply-head\"\u003eIn \u003ca href=\"\/T298198#7957712\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_27\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT298198#7957712\u003c\/span\u003e\u003c\/a\u003e, \u003ca href=\"\/p\/KieranMcCann\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_28\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@KieranMcCann\u003c\/span\u003e\u003c\/a\u003e wrote:\u003c\/div\u003e\n\u003cdiv class=\"remarkup-reply-body\"\u003e\u003cp\u003eMy only concern about a 14 column grid is that it offers less flexibility for creating balanced layouts.\u003c\/p\u003e\n\n\u003cp\u003eFor instance a 12 column grid can be divided equally by:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e2 (6 columns)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e3 (4 columns)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e4 (3 columns)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e6 (2 columns)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eWhereas a 14 column gird can only be divided equally by:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e2 (7 columns)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e7 (2 columns)\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\n\u003c\/blockquote\u003e\n\n\u003cp\u003e\u003cspan class=\"phabricator-remarkup-mention-unknown\"\u003e@kieran\u003c\/span\u003e thank you for you feedback. I know 14 columns is not the best solution to create a balanced layout, but it was the only solution to keep the \u003cstrong\u003e960px width\u003c\/strong\u003e for article content proposed by \u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_29\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e.\u003c\/p\u003e\n\n\u003cp\u003eIf we use 12 columns then we would have a much smaller width for the article content:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003cstrong\u003eOption1\u003c\/strong\u003e: 12 columns, 40px margin and 40px gutter. We would have  894px of content width instead of 960px.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/vsooeeczmnuvddtncll2\/PHID-FILE-zeo3yq4mvdmmjzr4geny\/Captura_de_pantalla_2022-05-26_a_las_13.07.39.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_25\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/d3gz5qfhb2mjl3sevyse\/PHID-FILE-ljuo4gi66uhhwde5uncm\/preview-Captura_de_pantalla_2022-05-26_a_las_13.07.39.png\" width=\"220\" height=\"192.79711884754\" alt=\"Captura de pantalla 2022-05-26 a las 13.07.39.png (1\u00d71 px, 1 MB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003cstrong\u003eOption2\u003c\/strong\u003e: 12 columns, 32px margin and 24px gutter. We would have 910px of content width instead of 960px.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/y6wr6uycw7h5cu7spbwc\/PHID-FILE-fasazltofoqbgyig2hmq\/Captura_de_pantalla_2022-05-26_a_las_13.07.48.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_26\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ussoe4i6bordee6dv7u2\/PHID-FILE-bnd76k5rgnp6urmx4ujb\/preview-Captura_de_pantalla_2022-05-26_a_las_13.07.48.png\" width=\"220\" height=\"186.80239520958\" alt=\"Captura de pantalla 2022-05-26 a las 13.07.48.png (1\u00d71 px, 1 MB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cp\u003eIn any case we would be losing more than 50px for the article content width. We should test and discuss if we want to prioritize the equity of the columns or the article content width.\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_376\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/5rgojmch25zjn4qbyihr\/PHID-FILE-lammujrvef44b2xfeygm\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/Volker_E\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7984809\" id=\"7984809\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_375\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/Volker_E\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_169\"\u003eVolker_E\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-o73wqysa5tmtndv\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7984809\" data-sigil=\"has-tooltip\" data-meta=\"0_374\"\u003e\u003cspan class=\"screen-only\"\u003eJun 7 2022, 5:01 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-06-07 05:01:43 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_379\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7986636\" id=\"7986636\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_378\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_170\"\u003ebmartinezcalvo\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-x225kttgm5sqb3p\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7986636\" data-sigil=\"has-tooltip\" data-meta=\"0_377\"\u003e\u003cspan class=\"screen-only\"\u003eJun 7 2022, 5:06 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-06-07 17:06:56 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_389\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"7986660\" id=\"7986660\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_388\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_171\"\u003ebmartinezcalvo\u003c\/a\u003e added a subscriber: \u003ca href=\"\/p\/DAbad\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_172\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e DAbad\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003eEdited\u003cspan class=\"visual-only\" aria-hidden=\"true\"\u003e \u00b7 \u003c\/span\u003e\u003ca href=\"#7986660\" data-sigil=\"has-tooltip\" data-meta=\"0_387\"\u003e\u003cspan class=\"screen-only\"\u003eJun 7 2022, 5:11 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-06-07 17:11:13 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_385\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_386\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_173\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e\u003ca href=\"\/p\/DAbad\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_30\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@DAbad\u003c\/span\u003e\u003c\/a\u003e updated task description adding the impact of creating grids for other projects.\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_392\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/fu3n33i2oyp25zpmyahx\/PHID-FILE-emidbnen4gzhvzdsscdx\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/RHo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"7990108\" id=\"7990108\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_391\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/RHo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_174\"\u003eRHo\u003c\/a\u003e mentioned this in \u003ca href=\"\/T277189\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_175\"\u003eT277189: Consider applying 960px max-width to Newcomer Homepage\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#7990108\" data-sigil=\"has-tooltip\" data-meta=\"0_390\"\u003e\u003cspan class=\"screen-only\"\u003eJun 8 2022, 6:43 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-06-08 18:43:45 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_402\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8037113\" id=\"8037113\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_401\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_176\"\u003ebmartinezcalvo\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003eEdited\u003cspan class=\"visual-only\" aria-hidden=\"true\"\u003e \u00b7 \u003c\/span\u003e\u003ca href=\"#8037113\" data-sigil=\"has-tooltip\" data-meta=\"0_400\"\u003e\u003cspan class=\"screen-only\"\u003eJun 29 2022, 1:34 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-06-29 13:34:27 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_398\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_399\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_177\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e[Pending to take a decision on breakpoints \u003ca href=\"\/T303522\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_31\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT303522\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e to move forward with this task.]\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_411\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8052808\" id=\"8052808\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_410\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_178\"\u003ebmartinezcalvo\u003c\/a\u003e edited projects, added \u003ca href=\"\/tag\/design-system-team\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_179\"\u003eDesign-System-Team\u003c\/a\u003e; removed \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_180\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8052808\" data-sigil=\"has-tooltip\" data-meta=\"0_409\"\u003e\u003cspan class=\"screen-only\"\u003eJul 5 2022, 5:21 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-07-05 17:21:35 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_407\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_408\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_181\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eRemoving this task from the sprint since this task is blocked until the breakpoints are decided.\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_414\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8052810\" id=\"8052810\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_413\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_182\"\u003ebmartinezcalvo\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5858\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_183\"\u003eInbox\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5858\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_184\"\u003eNeeds Refinement\u003c\/a\u003e on the \u003ca href=\"\/tag\/design-system-team\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_185\"\u003eDesign-System-Team\u003c\/a\u003e board.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8052810\" data-sigil=\"has-tooltip\" data-meta=\"0_412\"\u003e\u003cspan class=\"screen-only\"\u003eJul 5 2022, 5:21 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-07-05 17:21:57 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_418\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8094139\" id=\"8094139\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_416\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_186\"\u003ebmartinezcalvo\u003c\/a\u003e edited projects, added \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_187\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e; removed \u003ca href=\"\/tag\/design-system-team\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_188\"\u003eDesign-System-Team\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8094139\" data-sigil=\"has-tooltip\" data-meta=\"0_415\"\u003e\u003cspan class=\"screen-only\"\u003eJul 21 2022, 11:43 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-07-21 11:43:34 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_417\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_189\"\u003ebmartinezcalvo\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_190\"\u003eDesign Review\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_191\"\u003eIn Design\u003c\/a\u003e on the \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_192\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e board.\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_427\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8097143\" id=\"8097143\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_426\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_193\"\u003ebmartinezcalvo\u003c\/a\u003e added subscribers: \u003ca href=\"\/p\/Sneha\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_194\"\u003eSneha\u003c\/a\u003e, \u003ca href=\"\/p\/AAlhazwani-WMF\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_195\"\u003eAAlhazwani-WMF\u003c\/a\u003e, \u003ca href=\"\/p\/Pginer-WMF\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_196\"\u003ePginer-WMF\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8097143\" data-sigil=\"has-tooltip\" data-meta=\"0_425\"\u003e\u003cspan class=\"screen-only\"\u003eJul 22 2022, 10:42 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-07-22 10:42:48 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_423\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_424\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_197\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eUsing the breakpoints proposed in this other task \u003ca href=\"\/T303522\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_32\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT303522\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e I've updated the \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1020%3A44437\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eFigma grids proposal\u003c\/a\u003e with the following:\u003c\/p\u003e\n\n\u003ch6 class=\"remarkup-header\"\u003eDesktop Wide\u003c\/h6\u003e\n\n\u003cp\u003e12 columns\u003cbr \/\u003e\nMargins: they scale according to the width of the screen\u003cbr \/\u003e\nGutters 24px\u003cbr \/\u003e\nMax content width 1514px\u003c\/p\u003e\n\n\u003ch6 class=\"remarkup-header\"\u003eDesktop\u003c\/h6\u003e\n\n\u003cp\u003e12 columns\u003cbr \/\u003e\nMargins: 32px to max content width, then they scale\u003cbr \/\u003e\nGutters 24px\u003cbr \/\u003e\nMax content width 1514px\u003c\/p\u003e\n\n\u003ch6 class=\"remarkup-header\"\u003eTablet\u003c\/h6\u003e\n\n\u003cp\u003e8 columns\u003cbr \/\u003e\nMargins: 24px\u003cbr \/\u003e\nGutters: 24px\u003c\/p\u003e\n\n\u003ch6 class=\"remarkup-header\"\u003eMobile\u003c\/h6\u003e\n\n\u003cp\u003e4 columns\u003cbr \/\u003e\nMargins \u2013 16px\u003cbr \/\u003e\nGutters \u2013 16px\u003c\/p\u003e\n\n\u003chr class=\"remarkup-hr\" \/\u003e\n\n\u003ch6 class=\"remarkup-header\"\u003eTesting the grids\u003c\/h6\u003e\n\n\u003cp\u003eI've tested the grids with the following projects to check if the new grids fit with our different products, which are some of the ones that could be most affected by grid and layout changes:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1027%3A66588\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eArticle Page\u003c\/a\u003e (\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_33\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e for visibility)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1027%3A72196\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eFunction Page\u003c\/a\u003e (\u003cspan class=\"phabricator-remarkup-mention-unknown\"\u003e@aminalhazwani\u003c\/span\u003e for visibility since you are now the designer in the AW project)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1027%3A72299\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eWikimedia Commons\u003c\/a\u003e (search results)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1027%3A74318\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eSpecial Search\u003c\/a\u003e (\u003ca href=\"\/p\/Sneha\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_34\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@Sneha\u003c\/span\u003e\u003c\/a\u003e commented me that this would be a possible future solution for the screen layout so I tested it with our new grids)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1027%3A74364\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eNewcomer Homepage\u003c\/a\u003e (\u003ca href=\"\/p\/KieranMcCann\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_35\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@KieranMcCann\u003c\/span\u003e\u003c\/a\u003e for visibility)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1035%3A105393\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eTalk Pages\u003c\/a\u003e\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1042%3A69295\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eSection Translation\u003c\/a\u003e (\u003ca href=\"\/p\/Pginer-WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_36\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@Pginer-WMF\u003c\/span\u003e\u003c\/a\u003e for visibility)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eAlso I've tested the grids in the Article Page with \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1027%3A85697\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003edifferent language\u003c\/a\u003e and with \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1027%3A87296\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003edifferent base fonts\u003c\/a\u003e (14px and 16px).\u003c\/p\u003e\n\n\u003cdiv class=\"remarkup-note\"\u003e\u003cspan class=\"remarkup-note-word\"\u003eNOTE:\u003c\/span\u003e Use \u003ctt class=\"remarkup-monospaced\"\u003eCntr\u003c\/tt\u003e + \u003ctt class=\"remarkup-monospaced\"\u003eG\u003c\/tt\u003e to show\/hide the grids in Figma.\u003c\/div\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_431\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8097147\" id=\"8097147\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_429\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_198\"\u003ebmartinezcalvo\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-4anfikcgbcjpoe4\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8097147\" data-sigil=\"has-tooltip\" data-meta=\"0_428\"\u003e\u003cspan class=\"screen-only\"\u003eJul 22 2022, 10:44 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-07-22 10:44:28 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_430\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_199\"\u003ebmartinezcalvo\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_200\"\u003eIn Design\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_201\"\u003eDesign Review\u003c\/a\u003e on the \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_202\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e board.\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_434\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8112416\" id=\"8112416\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_433\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_203\"\u003ebmartinezcalvo\u003c\/a\u003e mentioned this in \u003ca href=\"\/T295991\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_204\"\u003eT295991: Define and document the visual guidelines for styles\/design tokens of the Codex design system in Figma\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8112416\" data-sigil=\"has-tooltip\" data-meta=\"0_432\"\u003e\u003cspan class=\"screen-only\"\u003eJul 28 2022, 3:42 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-07-28 15:42:57 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_437\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/oyio7zgyc55oj3qcmzpw\/PHID-FILE-vxmyl3hqgvxy7xiq6qbl\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/DAbad\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8113780\" id=\"8113780\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_436\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/DAbad\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_205\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e DAbad\u003c\/a\u003e added a parent task: \u003ca href=\"\/T314086\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_206\"\u003eT314086: Design System Foundation:  Define & Implement Critical "Global" Visual Styles\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8113780\" data-sigil=\"has-tooltip\" data-meta=\"0_435\"\u003e\u003cspan class=\"screen-only\"\u003eJul 28 2022, 10:25 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-07-28 22:25:34 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_447\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/vkbdrif2qx4aoarbhmbr\/PHID-FILE-wgm76sunyarnnrruhqyb\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/alexhollender_WMF\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8116478\" id=\"8116478\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_446\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_207\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e alexhollender_WMF\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003eEdited\u003cspan class=\"visual-only\" aria-hidden=\"true\"\u003e \u00b7 \u003c\/span\u003e\u003ca href=\"#8116478\" data-sigil=\"has-tooltip\" data-meta=\"0_445\"\u003e\u003cspan class=\"screen-only\"\u003eJul 29 2022, 9:01 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-07-29 21:01:56 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_443\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_444\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_208\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_39\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@bmartinezcalvo\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"\/p\/KieranMcCann\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_40\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@KieranMcCann\u003c\/span\u003e\u003c\/a\u003e I apologize for the delay here. I've lost context on what our next steps were, can one of you remind me? Currently the grid in the prototype (and in the Figma file) doesn't work well between ~1300px and 1000px, as the TOC becomes too narrow, for example:\u003c\/p\u003e\n\n\u003cdiv class=\"remarkup-table-wrap\"\u003e\u003ctable class=\"remarkup-table\"\u003e\n\u003ctr\u003e\u003cth\u003e1355px browser\u003c\/th\u003e\u003cth\u003e1108px browser\u003c\/th\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/cawh6alnifjf4s7m7lta\/PHID-FILE-nemicuju324fpjkhj3wr\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_37\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ai5nykrtuxpvngwhbl73\/PHID-FILE-5xbklynzg22axgwtxyiz\/preview-image.png\" width=\"220\" height=\"98.715867158672\" alt=\"image.png (1\u00d72 px, 481 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ajicqbjyqyiix3dmceri\/PHID-FILE-gajeacnzxpisj63rlcf4\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_38\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/mnlnl3dloecxgjuaotzl\/PHID-FILE-rg5whqi4x52g5n3glr6o\/preview-image.png\" width=\"220\" height=\"123.50180505415\" alt=\"image.png (1\u00d72 px, 423 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\n\u003cp\u003eI've updated the prototype to include a toggle for \u003ca href=\"\/p\/KieranMcCann\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_41\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@KieranMcCann\u003c\/span\u003e\u003c\/a\u003e's idea, where below ~1280px the TOC spans 3 columns instead of 2 (\u003ctt class=\"remarkup-monospaced\"\u003eTOC span 3 columns (below 1280px)\u003c\/tt\u003e). however this maybe results in too much space for the TOC, and also complicates the placement of the tools menu (though we could think about that a bit more). \u003ca href=\"https:\/\/dsg-grid.web.app\/Cher\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003ehttps:\/\/dsg-grid.web.app\/Cher\u003c\/a\u003e. curious what you both think.\u003c\/p\u003e\n\n\u003cp\u003ewhat else did we want to try in order to make the TOC work?\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_457\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8127654\" id=\"8127654\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_456\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_209\"\u003ebmartinezcalvo\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003eEdited\u003cspan class=\"visual-only\" aria-hidden=\"true\"\u003e \u00b7 \u003c\/span\u003e\u003ca href=\"#8127654\" data-sigil=\"has-tooltip\" data-meta=\"0_455\"\u003e\u003cspan class=\"screen-only\"\u003eAug 3 2022, 11:56 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-03 11:56:51 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_453\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_454\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_210\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_46\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e this grid proposal was updated with the breakpoints defined in \u003ca href=\"\/T303522\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_44\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT303522\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e (new breakpoints were defined based in the \u003ca href=\"https:\/\/gs.statcounter.com\/screen-resolution-stats\/desktop\/worldwide\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003emost used screens\u003c\/a\u003e). As we defined new breakpoints (old breakpoints will be defined as legacy) now the 1280px and 1024px screens use different breakpoints, so the ToC behavior will be different for them: ToC in 1280px screens will use 2 grid columns while in 1024px screens will be hidden.\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/kmemgpyafe2w4btw6nwa\/PHID-FILE-jh5cu73y4ktzvwyzaxsc\/Captura_de_Pantalla_2022-08-03_a_las_13.47.36.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_42\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/hrypury2luuc47lt2paw\/PHID-FILE-heb3gzgf43ucuodsazie\/preview-Captura_de_Pantalla_2022-08-03_a_las_13.47.36.png\" width=\"155.96541786744\" height=\"220\" alt=\"Captura de Pantalla 2022-08-03 a las 13.47.36.png (1\u00d7984 px, 779 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cp\u003eWe shouldn't use 3 column grids for the ToC in 1280px screens because if we do this we should use 3 grid columns on 1366px screens too (since both 1280px and 1366px screens use now the same breakpoint).\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/5fpvycqtz4hdlocqpesy\/PHID-FILE-ikg2gzmj7lb3ov27uxxr\/Captura_de_Pantalla_2022-08-03_a_las_13.53.07.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_43\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ugxqdgg6ewfpste4gcgy\/PHID-FILE-at6lizn3am2qj6b47ite\/preview-Captura_de_Pantalla_2022-08-03_a_las_13.53.07.png\" width=\"160.87087087087\" height=\"220\" alt=\"Captura de Pantalla 2022-08-03 a las 13.53.07.png (1\u00d7974 px, 966 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\n\n\u003cp\u003eAs next steps, I think we should update the prototype in \u003ca href=\"\/T309336\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_45\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT309336\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e with this new grid proposal to test if it really works well with real content. I was waiting to receive more feedback about this grid proposal to update the prototype, but if you want we can start now.\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_467\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8128237\" id=\"8128237\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_466\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_211\"\u003ebmartinezcalvo\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003eEdited\u003cspan class=\"visual-only\" aria-hidden=\"true\"\u003e \u00b7 \u003c\/span\u003e\u003ca href=\"#8128237\" data-sigil=\"has-tooltip\" data-meta=\"0_465\"\u003e\u003cspan class=\"screen-only\"\u003eAug 3 2022, 1:57 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-03 13:57:49 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_463\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_464\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_212\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cblockquote class=\"remarkup-reply-block\"\u003e\n\u003cdiv class=\"remarkup-reply-head\"\u003eIn \u003ca href=\"\/T298198#8116478\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_48\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT298198#8116478\u003c\/span\u003e\u003c\/a\u003e, \u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_49\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e wrote:\u003c\/div\u003e\n\u003cdiv class=\"remarkup-reply-body\"\u003e\u003cp\u003eCurrently the grid in the prototype (and in the Figma file) doesn't work well between ~1300px and 1000px, \u003cstrong\u003eas the TOC becomes too narrow\u003c\/strong\u003e, for example:\u003c\/p\u003e\u003c\/div\u003e\n\u003c\/blockquote\u003e\n\n\u003cp\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_50\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e regarding the ToC width, \u003cstrong\u003ethe most extreme case with a narrowest ToC would be on 1280px screens\u003c\/strong\u003e where the ToC would be \u003cstrong\u003e183px wide\u003c\/strong\u003e. In the case of 1366px screens (the 2nd most used desktop screens according to \u003ca href=\"https:\/\/gs.statcounter.com\/screen-resolution-stats\/desktop\/worldwide\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003ethis web\u003c\/a\u003e) the ToC width would be 197px wide that I think it would be enough. What do you think?\u003c\/p\u003e\n\n\u003cp\u003eYou can check the ToC on these screens \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1027%3A66922\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003ehere\u003c\/a\u003e.\u003c\/p\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/hky2ya6csguxc4x5y4yj\/PHID-FILE-u5su3dopljfwmxtb4s2p\/Captura_de_Pantalla_2022-08-03_a_las_15.54.35.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_47\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/7qtudyonqrucqlpfchik\/PHID-FILE-zbrvuhlafboxubvrscr4\/preview-Captura_de_Pantalla_2022-08-03_a_las_15.54.35.png\" width=\"154.99316005472\" height=\"220\" alt=\"Captura de Pantalla 2022-08-03 a las 15.54.35.png (1\u00d71 px, 1 MB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_470\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8128371\" id=\"8128371\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_469\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_213\"\u003ebmartinezcalvo\u003c\/a\u003e mentioned this in \u003ca href=\"\/T309336\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_214\"\u003eT309336: Create a prototype to test our different grid options\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8128371\" data-sigil=\"has-tooltip\" data-meta=\"0_468\"\u003e\u003cspan class=\"screen-only\"\u003eAug 3 2022, 2:24 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-03 14:24:43 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_479\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/vkbdrif2qx4aoarbhmbr\/PHID-FILE-wgm76sunyarnnrruhqyb\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/alexhollender_WMF\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8128518\" id=\"8128518\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_478\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_215\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e alexhollender_WMF\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8128518\" data-sigil=\"has-tooltip\" data-meta=\"0_477\"\u003e\u003cspan class=\"screen-only\"\u003eAug 3 2022, 3:04 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-03 15:04:24 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_475\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_476\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_216\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_51\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@bmartinezcalvo\u003c\/span\u003e\u003c\/a\u003e, ok so given the new breakpoints:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eare you thinking the sidebars will collapse at 1120px now (instead of 1000px, which is when they currently collapse)?\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eI think we will still have the issue with the TOC being too narrow between ~1300px and 1120px. Is there something I'm missing here?\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_488\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8130266\" id=\"8130266\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_487\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_217\"\u003ebmartinezcalvo\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8130266\" data-sigil=\"has-tooltip\" data-meta=\"0_486\"\u003e\u003cspan class=\"screen-only\"\u003eAug 4 2022, 7:13 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-04 07:13:48 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_484\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_485\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_218\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cblockquote class=\"remarkup-reply-block\"\u003e\n\u003cdiv class=\"remarkup-reply-head\"\u003eIn \u003ca href=\"\/T298198#8128518\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_52\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT298198#8128518\u003c\/span\u003e\u003c\/a\u003e, \u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_55\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e wrote:\u003c\/div\u003e\n\u003cdiv class=\"remarkup-reply-body\"\u003e\u003cp\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_54\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@bmartinezcalvo\u003c\/span\u003e\u003c\/a\u003e, ok so given the new breakpoints:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eare you thinking the sidebars will collapse at 1120px now (instead of 1000px, which is when they currently collapse)?\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\n\u003c\/blockquote\u003e\n\n\u003cp\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_56\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e right, left sidebar would collapse from \u003cstrong\u003e1119px\u003c\/strong\u003e, at 1120px it would be visible and the breakpoint would jump to the next one in 1119px (hiding the ToC from this 1119px). You can check \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1021%3A72401\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003ehow the ToC works with the left panel layout here\u003c\/a\u003e.\u003c\/p\u003e\n\n\u003cblockquote\u003e\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eI think we will still have the issue with the TOC being too narrow between ~1300px and 1120px. Is there something I'm missing here?\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/blockquote\u003e\n\n\u003cp\u003eThe ToC would be narrow between 1300-1120px but we need to keep in mind that the real screens affected for this breakpoint and grid would be:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e1280px screens with a 183px wide ToC\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e1366px screens with a 197px wide ToC\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cp\u003eIf you need me to explain you the proposal in deep we can schedule a meeting. Also, I think when we hace the prototype updated in \u003ca href=\"\/T309336\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_53\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT309336\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e we'll be able to test better the ToC in the different breakpoints.\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell phui-timeline-yellow\" data-sigil=\"transaction anchor-container\" data-meta=\"0_498\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8145299\" id=\"8145299\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill fill-has-color phui-timeline-icon-fill-yellow\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-spinner phui-timeline-icon\" data-meta=\"0_496\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_219\"\u003ebmartinezcalvo\u003c\/a\u003e changed the task status from \u003cspan class=\"phui-timeline-value\"\u003eIn Progress\u003c\/span\u003e to \u003cspan class=\"phui-timeline-value\"\u003eStalled\u003c\/span\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8145299\" data-sigil=\"has-tooltip\" data-meta=\"0_495\"\u003e\u003cspan class=\"screen-only\"\u003eAug 11 2022, 11:27 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-11 11:27:33 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-shield phui-timeline-icon\" data-meta=\"0_497\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_220\"\u003ebmartinezcalvo\u003c\/a\u003e changed the status of subtask \u003ca href=\"\/T309336\" class=\"phui-handle handle-status-closed\"\u003eT309336: Create a prototype to test our different grid options\u003c\/a\u003e from \u003cspan class=\"phui-timeline-value\"\u003eOpen\u003c\/span\u003e to \u003cspan class=\"phui-timeline-value\"\u003eStalled\u003c\/span\u003e.\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_493\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_494\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_221\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eThis task is stalled until \u003ca href=\"\/T309336\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_57\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT309336\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e is done since we need to test the grid proposal with a real prototype.\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_508\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/vkbdrif2qx4aoarbhmbr\/PHID-FILE-wgm76sunyarnnrruhqyb\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/alexhollender_WMF\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8146526\" id=\"8146526\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_507\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_222\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e alexhollender_WMF\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003eEdited\u003cspan class=\"visual-only\" aria-hidden=\"true\"\u003e \u00b7 \u003c\/span\u003e\u003ca href=\"#8146526\" data-sigil=\"has-tooltip\" data-meta=\"0_506\"\u003e\u003cspan class=\"screen-only\"\u003eAug 11 2022, 5:37 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-11 17:37:45 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_504\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_505\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_223\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_73\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@bmartinezcalvo\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"\/p\/KieranMcCann\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_74\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@KieranMcCann\u003c\/span\u003e\u003c\/a\u003e I've updated the prototype and have included some screenshots below of the 1150\u20131350 range. It's difficult to figure out what an appropriate minimum width is for the TOC. The \u003ca href=\"https:\/\/en.wikipedia.org\/wiki\/Cher\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eCher\u003c\/a\u003e article has very long section titles, which don't even look great when the ToC is 192px (some are wrapping to 4 lines).\u003c\/p\u003e\n\n\u003cdiv class=\"remarkup-table-wrap\"\u003e\u003ctable class=\"remarkup-table\"\u003e\n\u003ctr\u003e\u003ctd\u003e1150px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/pwya4xii3gsrenzogvkf\/PHID-FILE-etn4unoe7a3t6th762k5\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_58\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/6hqx6i4b7be554mborye\/PHID-FILE-gtdog5pk7wuvz4fnzcqa\/preview-image.png\" width=\"220\" height=\"148.06956521739\" alt=\"image.png (1\u00d72 px, 703 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/mrhzxawnbooz6o23ynlg\/PHID-FILE-cyyp3qzph4a75toljhn3\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_59\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/eo2dkjtqn75yp57vsrwz\/PHID-FILE-wqkrbn6vaddbeteq3wcn\/preview-image.png\" width=\"220\" height=\"148.06956521739\" alt=\"image.png (1\u00d72 px, 534 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e1200px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/hbk2lkmyivzhwswelqmg\/PHID-FILE-nje7gswozncnvhz27bty\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_60\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/hl7yzx7njhpvujbfp7ll\/PHID-FILE-jyzdkzyg4boziaystwua\/preview-image.png\" width=\"220\" height=\"141.9\" alt=\"image.png (1\u00d72 px, 706 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/b3jytrbqnrtt2wxmpxib\/PHID-FILE-csviyjsqirfsnepffp2m\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_61\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/zkl5jvvuzqauhzp4iwak\/PHID-FILE-wh3nanx72lpno4oc6733\/preview-image.png\" width=\"220\" height=\"141.9\" alt=\"image.png (1\u00d72 px, 557 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e1250px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/wduljytgv4lafwvibpvd\/PHID-FILE-mrc2gke5isvl6ged6nou\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_62\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ff5ksy2hlbjwynsjvury\/PHID-FILE-p5cvp6riv32glvbtjchu\/preview-image.png\" width=\"220\" height=\"136.224\" alt=\"image.png (1\u00d72 px, 711 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/rtzrapz35x57n4yqwrlq\/PHID-FILE-e3bjuulzycv2yv435zaj\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_63\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/j3rb43tqwpvcorpmsq2e\/PHID-FILE-pihkiyudrj7rptsjdupo\/preview-image.png\" width=\"220\" height=\"136.224\" alt=\"image.png (1\u00d72 px, 563 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e1300px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/jmqixd3oczy5aclabii6\/PHID-FILE-7r5qh4nejpmxykdwbc23\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_64\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ogtuxyceuzq6ed573wzl\/PHID-FILE-6l6afwwbq36gf65haqnh\/preview-image.png\" width=\"220\" height=\"130.98461538462\" alt=\"image.png (1\u00d72 px, 716 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/jg44ha76b6lyuelsw5as\/PHID-FILE-azrzrn3hrzawrb5ov3em\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_65\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/zgl2cgkvpyynujgxeotk\/PHID-FILE-75cyn5v2bippdwxm45bq\/preview-image.png\" width=\"220\" height=\"130.98461538462\" alt=\"image.png (1\u00d72 px, 577 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e1350px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/wxwftgxoryvivyxzhpwr\/PHID-FILE-lz2pvkuaugvft3n74gvv\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_66\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ywwpslx7t73keelvajc5\/PHID-FILE-c7xgpqffy7wfccdhxi2u\/preview-image.png\" width=\"220\" height=\"126.13333333333\" alt=\"image.png (1\u00d72 px, 724 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/rzztqe6scd37dmmwjkkn\/PHID-FILE-e7monxdrrba4dot7a526\/image.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_67\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ndbmldzy6bsgay2m77vj\/PHID-FILE-yl5xnpvpou6wbn7ncjze\/preview-image.png\" width=\"220\" height=\"126.13333333333\" alt=\"image.png (1\u00d72 px, 602 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\n\u003cp\u003eAlso I was looking at some other reading experiences and notice that the width of the text column, and the width of the TOC for the sites that have them, remains more fixed (often with the center column being flexible). There are breakpoints & responsiveness, but it doesn't seem like they use the same kind of grid system. And the breakpoints seem to be based on the content layout, and accommodate when it needs to shift (rather than being based on popular screen sizes):\u003c\/p\u003e\n\n\u003cdiv class=\"remarkup-table-wrap\"\u003e\u003ctable class=\"remarkup-table\"\u003e\n\u003ctr\u003e\u003ctd\u003enew york times\u003c\/td\u003e\u003ctd\u003e\u003cvideo controls=\"controls\" preload=\"auto\" class=\"phabricator-media\"\u003e\u003csource src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/quvcb5d642dm2zlyvzcs\/PHID-FILE-c2qrgoqnyqrkonx7ezza\/nytimes.webm\" \/\u003e\u003c\/video\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003ethe guardian\u003c\/td\u003e\u003ctd\u003e\u003cvideo controls=\"controls\" preload=\"auto\" class=\"phabricator-media\"\u003e\u003csource src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/croe25naus737wgtkxiw\/PHID-FILE-7jyze3irfypcivkwwjm7\/the_guardian.webm\" \/\u003e\u003c\/video\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003enielson norman group\u003c\/td\u003e\u003ctd\u003e\u003cvideo controls=\"controls\" preload=\"auto\" class=\"phabricator-media\"\u003e\u003csource src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/f5uapuhcmlrov46zu37n\/PHID-FILE-azacxcfrw4j6spsfakpe\/NN.webm\" \/\u003e\u003c\/video\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003ethe lancet\u003c\/td\u003e\u003ctd\u003e\u003cvideo controls=\"controls\" preload=\"auto\" class=\"phabricator-media\"\u003e\u003csource src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/55rdkcjquri7uqm6autn\/PHID-FILE-dpdal6p7y7gtdw77szd7\/lancet.webm\" \/\u003e\u003c\/video\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003emedium\u003c\/td\u003e\u003ctd\u003e\u003cvideo controls=\"controls\" preload=\"auto\" class=\"phabricator-media\"\u003e\u003csource src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/hwlmaqu7jumiaopvc6vf\/PHID-FILE-63e2oxbe6s5qijccflpc\/medium.webm\" \/\u003e\u003c\/video\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003eMDN\u003c\/td\u003e\u003ctd\u003e{F35425313}\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"remarkup-code-block\" data-code-lang=\"text\" data-sigil=\"remarkup-code-block\"\u003e\u003cpre class=\"remarkup-code\"\u003e\u003c\/pre\u003e\u003c\/div\u003e\n\n\u003cp\u003eI think there is value in having a grid, but we also might want to do some additional explorations with our 3 column approach where the center column is flexible, but the side columns have a more fixed-width approach, for example:\u003c\/p\u003e\n\n\u003cdiv class=\"remarkup-table-wrap\"\u003e\u003ctable class=\"remarkup-table\"\u003e\n\u003ctr\u003e\u003ctd\u003e1680px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/zwqtcay3lhpkgkwgg5jv\/PHID-FILE-hvlh75wwvlta46wv4r3n\/1680.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_68\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/btml2fww3men3yo6vhcp\/PHID-FILE-x5navac44byn3rmziome\/preview-1680.png\" width=\"220\" height=\"101.35714285714\" alt=\"1680.png (774\u00d71 px, 42 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e1400px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ke3lmuh2tysihvvyys2u\/PHID-FILE-v5f5ji52pr5ccunjxsaq\/1400.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_69\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/c6pxbrnrgccwvjbrv763\/PHID-FILE-fcuvgixwwidgkaj2gv2p\/preview-1400.png\" width=\"220\" height=\"121.62857142857\" alt=\"1400.png (774\u00d71 px, 39 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e1120px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/m6tqnjzoee6zaso5ec7m\/PHID-FILE-a4by76l4lk6wjaxnneps\/1120.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_70\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/qlbgvka7xf7qv5an4u2t\/PHID-FILE-gsw4otdu65jmoxo5bz3i\/preview-1120.png\" width=\"220\" height=\"152.03571428571\" alt=\"1120.png (774\u00d71 px, 36 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e900px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/w3vsd7zqa5d7w73kaj56\/PHID-FILE-72j6batz2gsb63n53fdx\/900.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_71\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/fdpts4utkjsq52rc7ntn\/PHID-FILE-27tbutfhgw5uvqljemaw\/preview-900.png\" width=\"220\" height=\"189.2\" alt=\"900.png (774\u00d7900 px, 32 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e320px\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/vsxseg6ih24kjshsge7b\/PHID-FILE-ora7si2xnghqx6hi6ef2\/320.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_72\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/dem4mioxo4a4og74c6dd\/PHID-FILE-ocdxs6dkswtmmsshpxvl\/preview-320.png\" width=\"90.956072351421\" height=\"220\" alt=\"320.png (774\u00d7320 px, 23 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003c\/table\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_511\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8147667\" id=\"8147667\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-shield phui-timeline-icon\" data-meta=\"0_510\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_224\"\u003ebmartinezcalvo\u003c\/a\u003e changed the status of subtask \u003ca href=\"\/T309336\" class=\"phui-handle handle-status-closed\"\u003eT309336: Create a prototype to test our different grid options\u003c\/a\u003e from \u003cspan class=\"phui-timeline-value\"\u003eStalled\u003c\/span\u003e to \u003cspan class=\"phui-timeline-value\"\u003eIn Progress\u003c\/span\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8147667\" data-sigil=\"has-tooltip\" data-meta=\"0_509\"\u003e\u003cspan class=\"screen-only\"\u003eAug 12 2022, 8:56 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-12 08:56:23 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_520\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8147695\" id=\"8147695\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_519\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_225\"\u003ebmartinezcalvo\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8147695\" data-sigil=\"has-tooltip\" data-meta=\"0_518\"\u003e\u003cspan class=\"screen-only\"\u003eAug 12 2022, 9:42 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-12 09:42:23 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_516\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_517\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_226\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_76\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e the ToC with long text makes me thing in some improvements we could do in the ToC (apart from defining the right ToC minimum width):\u003c\/p\u003e\n\n\u003col class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eShould we define a maximum number of visible characters for the ToC options and display ellipsis once this maximum exceeds?\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eShould we define a maximum number of text lines for the ToC options and display ellipsis once this maximum text lines exceeds? I mean, in this Cheer article the ToC options with more than 2 text lines (when the ToC is too narrow) could appear with ellipsis so the menu options are not excessively long.\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003eIn case we use ellipsis to shorten title length we could use a tooltip when hover to show the user the full long title.\u003c\/li\u003e\n\u003c\/ol\u003e\n\n\u003cp\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/lhucvl4wlvjsla23jpe2\/PHID-FILE-byudh3jg5bnntwp22ovu\/Captura_de_Pantalla_2022-08-12_a_las_11.41.31.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_75\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/kixpr76bpubbzpcz3osp\/PHID-FILE-xzgd44hoyq7w6cdr4wrs\/preview-Captura_de_Pantalla_2022-08-12_a_las_11.41.31.png\" width=\"220\" height=\"111.56789197299\" alt=\"Captura de Pantalla 2022-08-12 a las 11.41.31.png (1\u00d72 px, 3 MB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell phui-timeline-green\" data-sigil=\"transaction anchor-container\" data-meta=\"0_523\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8147708\" id=\"8147708\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill fill-has-color phui-timeline-icon-fill-green\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-step-forward phui-timeline-icon\" data-meta=\"0_522\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_227\"\u003ebmartinezcalvo\u003c\/a\u003e changed the task status from \u003cspan class=\"phui-timeline-value\"\u003eStalled\u003c\/span\u003e to \u003cspan class=\"phui-timeline-value\"\u003eIn Progress\u003c\/span\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8147708\" data-sigil=\"has-tooltip\" data-meta=\"0_521\"\u003e\u003cspan class=\"screen-only\"\u003eAug 12 2022, 9:42 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-12 09:42:50 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_533\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8147759\" id=\"8147759\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-comment phui-timeline-icon\" data-meta=\"0_532\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_228\"\u003ebmartinezcalvo\u003c\/a\u003e added a comment.\u003cspan class=\"phui-timeline-extra\"\u003eEdited\u003cspan class=\"visual-only\" aria-hidden=\"true\"\u003e \u00b7 \u003c\/span\u003e\u003ca href=\"#8147759\" data-sigil=\"has-tooltip\" data-meta=\"0_531\"\u003e\u003cspan class=\"screen-only\"\u003eAug 12 2022, 10:27 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-12 10:27:53 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_529\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_530\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_229\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_81\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e thank you for collecting all these examples of other products with side panels, they are so useful to study how the side panel works in other cases.\u003c\/p\u003e\n\n\u003cp\u003eI have to point out that some of them don't really have a fixed width panel:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eThe \u003ca href=\"https:\/\/www.nngroup.com\/articles\/resumes-ux-career-changers\/\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eNielsen Norma Group\u003c\/a\u003e uses a non fixed left panel. If you open the inspection you will view that the left panel width changes in the different screen sizes, being 303px width in a 1440px screen and 273px width in a 1280px screen:\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cdiv class=\"remarkup-table-wrap\"\u003e\u003ctable class=\"remarkup-table\"\u003e\n\u003ctr\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/hrmcjsvj7eehr2ccgur3\/PHID-FILE-w7drwtwvljsragem2u4p\/Captura_de_Pantalla_2022-08-12_a_las_11.49.15.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_77\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/gnqw3nvgdaixes4mpduw\/PHID-FILE-ubxjhw5iz6lvno5sg5gb\/preview-Captura_de_Pantalla_2022-08-12_a_las_11.49.15.png\" width=\"220\" height=\"145.44850498339\" alt=\"Captura de Pantalla 2022-08-12 a las 11.49.15.png (1\u00d71 px, 338 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/itjlh5xmci7jjsn4ac6q\/PHID-FILE-h3jsasa2g5bdaqsstdk3\/Captura_de_Pantalla_2022-08-12_a_las_11.50.08.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_78\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/rp52b5mpeqgt2ssyo5uo\/PHID-FILE-rbryjl5vglhwcusltu7y\/preview-Captura_de_Pantalla_2022-08-12_a_las_11.50.08.png\" width=\"220\" height=\"143.28205128205\" alt=\"Captura de Pantalla 2022-08-12 a las 11.50.08.png (1\u00d71 px, 425 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e1440px screen (\u003cstrong\u003e303px\u003c\/strong\u003e left panel)\u003c\/td\u003e\u003ctd\u003e1280px screen (\u003cstrong\u003e273px\u003c\/strong\u003e left panel)\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\n\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003eSame for \u003ca href=\"https:\/\/www.thelancet.com\/journals\/lanmic\/article\/PIIS2666-5247(22)00093-3\/fulltext\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eThe Lancet\u003c\/a\u003e where the left panel is not fixed either:\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cdiv class=\"remarkup-table-wrap\"\u003e\u003ctable class=\"remarkup-table\"\u003e\n\u003ctr\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/x77bm6qtiasgrj32jejv\/PHID-FILE-lvzfsyctt4l5eiyuszwo\/Captura_de_Pantalla_2022-08-12_a_las_12.06.48.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_79\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/cdmsavbcor6zwedn4em4\/PHID-FILE-rqqbj5m63z3dufp7nfig\/preview-Captura_de_Pantalla_2022-08-12_a_las_12.06.48.png\" width=\"220\" height=\"122.32271325797\" alt=\"Captura de Pantalla 2022-08-12 a las 12.06.48.png (1\u00d71 px, 1 MB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003ctd\u003e\u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/r4xhcwo4qo4ufcr3jpav\/PHID-FILE-au2jy5kdx7hza37zuuj5\/Captura_de_Pantalla_2022-08-12_a_las_12.06.57.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_80\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/bzpvj4hpo3zquxyr43vb\/PHID-FILE-uahcenehd3nhwmv6pewq\/preview-Captura_de_Pantalla_2022-08-12_a_las_12.06.57.png\" width=\"220\" height=\"131.90628328009\" alt=\"Captura de Pantalla 2022-08-12 a las 12.06.57.png (1\u00d71 px, 1 MB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003ctd\u003e1440px screen (\u003cstrong\u003e198px\u003c\/strong\u003e left panel)\u003c\/td\u003e\u003ctd\u003e1280px screen (\u003cstrong\u003e165px\u003c\/strong\u003e left panel)\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\n\u003cp\u003eAlthough some other products use fixed side panels, I think that due to the large number of use cases and layouts that we have in all our Wikimedia projects and trying to unify our projects in a single grid, it would be better if we don't use fixed width elements and we use instead elements adapted to the grid columns , so that our layouts work much more fluidly and avoiding to define a different fixed width for each case.\u003c\/p\u003e\n\n\u003cp\u003eImagine how many cases there will be in which the designer wants to add a fixed width for a specific case of the project. If we do this in each project we will have different content widths in each page or project and a grid that is not being used. For this reason we are defining a grid trying to unify all our layouts and projects.\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_536\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8157649\" id=\"8157649\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_535\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_230\"\u003ebmartinezcalvo\u003c\/a\u003e mentioned this in \u003ca href=\"\/T295606\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_231\"\u003eT295606: Create Figma styles based on design tokens and apply them to the Codex and OOUI Figma libraries\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8157649\" data-sigil=\"has-tooltip\" data-meta=\"0_534\"\u003e\u003cspan class=\"screen-only\"\u003eAug 16 2022, 2:25 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-16 14:25:05 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_539\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/xgwhe457x2mpoape27fc\/PHID-FILE-xstukxq53ilthb4afahd\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/santhosh\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8197866\" id=\"8197866\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_538\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/santhosh\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_232\"\u003esanthosh\u003c\/a\u003e subscribed.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8197866\" data-sigil=\"has-tooltip\" data-meta=\"0_537\"\u003e\u003cspan class=\"screen-only\"\u003eAug 30 2022, 10:17 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-30 10:17:52 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_542\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/xjb5avgdldeuuxuu2cy2\/PHID-FILE-pibdwvchqs3fptyulz3d\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/valerio.bozzolan\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8203127\" id=\"8203127\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_541\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/valerio.bozzolan\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_233\"\u003evalerio.bozzolan\u003c\/a\u003e subscribed.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8203127\" data-sigil=\"has-tooltip\" data-meta=\"0_540\"\u003e\u003cspan class=\"screen-only\"\u003eAug 31 2022, 3:55 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-08-31 15:55:47 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_551\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8220830\" id=\"8220830\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-columns phui-timeline-icon\" data-meta=\"0_550\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_234\"\u003ebmartinezcalvo\u003c\/a\u003e moved this task from \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_235\"\u003eDesign Review\u003c\/a\u003e to \u003ca href=\"\/project\/board\/5859\/\" class=\"phui-handle\" data-sigil=\"hovercard\" data-meta=\"0_236\"\u003eReady for Development\u003c\/a\u003e on the \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_237\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e board.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8220830\" data-sigil=\"has-tooltip\" data-meta=\"0_549\"\u003e\u003cspan class=\"screen-only\"\u003eSep 8 2022, 12:48 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-09-08 12:48:07 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_547\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_548\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_238\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eAs the ToC was too narrow in some screen sizes with the 12col grid proposal, we decided to test other grid proposals in the prototype created by \u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_85\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e\u003cspan class=\"phui-tag-dot phui-tag-color-grey\"\u003e\u003c\/span\u003e@alexhollender_WMF\u003c\/span\u003e\u003c\/a\u003e in \u003ca href=\"\/T309336\" class=\"phui-tag-view phui-tag-type-object \" data-sigil=\"hovercard\" data-meta=\"0_84\"\u003e\u003cspan class=\"phui-tag-core-closed\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-object\"\u003eT309336\u003c\/span\u003e\u003c\/span\u003e\u003c\/a\u003e\u003c\/p\u003e\n\n\u003cdiv class=\"remarkup-table-wrap\"\u003e\u003ctable class=\"remarkup-table\"\u003e\n\u003ctr\u003e\u003ctd\u003e\u003ca href=\"https:\/\/dsg-grid-2.web.app\/Moss\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003ehttps:\/\/dsg-grid-2.web.app\/Moss\u003c\/a\u003e\u003c\/td\u003e\u003c\/tr\u003e\n\u003ctr\u003e\u003c\/tr\u003e\n\u003c\/table\u003e\u003c\/div\u003e\n\n\u003cp\u003eThe options we tested in this prototype were:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e24 column grid for desktop [NEW]\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e12 column grid for desktop [Previous proposal]\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e12 column grid with a new breakpoint where the ToC expands to 3col in 1299px)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch6 class=\"remarkup-header\"\u003eAfter testing this prototype with the design team, we decided to move forward with the 24col grid proposal for desktop devices (check the \u003ca href=\"https:\/\/www.figma.com\/file\/DYK0hkPDC9KTG9ds2RjrUp\/Grids-and-Layouts---T90687?node-id=1392%3A116290\" class=\"remarkup-link remarkup-link-ext\" target=\"_blank\" rel=\"noreferrer\"\u003eFigma proposal here\u003c\/a\u003e)\u003c\/h6\u003e\n\n\u003cp\u003eReasons why we aim for this 24col grid proposal:\u003c\/p\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003cstrong\u003e24col is just the double of 12col\u003c\/strong\u003e, so visually the design of the content in almost all the cases will be the same. Only in the case of the left panel for the ToC it will be 5col grid instead of 4.\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003cstrong\u003e24col grid is more flexible to find current and future layout solutions\u003c\/strong\u003e, since the grid columns are narrower and they allow us to create non-exaggerated solutions for our proposals (e.g. for the ToC we can use \u003ctt class=\"remarkup-monospaced\"\u003e5col\u003c\/tt\u003e instead of \u003ctt class=\"remarkup-monospaced\"\u003e4col\u003c\/tt\u003e and the ToC width changes in a subtle way and it's perfect, while with the 12-column grid if we used \u003ctt class=\"remarkup-monospaced\"\u003e3col\u003c\/tt\u003e instead of \u003ctt class=\"remarkup-monospaced\"\u003e2col\u003c\/tt\u003e the ToC was too wide). \u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/ueralxi5wikl5nbcntmh\/PHID-FILE-kkhplhgpdnuhq52dh4xj\/Captura_de_Pantalla_2022-09-07_a_las_10.32.43.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_82\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/bhj4grsl7b56urmm4zis\/PHID-FILE-aciza5d35fx7rk4whgup\/preview-Captura_de_Pantalla_2022-09-07_a_las_10.32.43.png\" width=\"220\" height=\"113.85670731707\" alt=\"Captura de Pantalla 2022-09-07 a las 10.32.43.png (1\u00d72 px, 1 MB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003cstrong\u003eIf we hide the grid\u003c\/strong\u003e (that users will never visualize) we can view how both 12col and 24col grid proposals are visually the same. Simply the 24col uses twice as many columns for the content as the 12col grid, and it allows us to make small adjustments to the layout without making these adjustments extremely large. \u003cdiv class=\"phabricator-remarkup-embed-layout-left\"\u003e\u003ca href=\"https:\/\/phab.wmfusercontent.org\/file\/data\/llurwdo77jqoueekrxxt\/PHID-FILE-7jshpdstoqsx3rifoojd\/Captura_de_Pantalla_2022-09-07_a_las_10.34.22.png\" class=\"phabricator-remarkup-embed-image\" data-sigil=\"lightboxable\" data-meta=\"0_83\"\u003e\u003cimg src=\"https:\/\/phab.wmfusercontent.org\/file\/data\/m57jqu4p452kthouvirt\/PHID-FILE-6kjbpd6pjo6ulq3ql3cn\/preview-Captura_de_Pantalla_2022-09-07_a_las_10.34.22.png\" width=\"220\" height=\"115.77186311787\" alt=\"Captura de Pantalla 2022-09-07 a las 10.34.22.png (1\u00d72 px, 756 KB)\" \/\u003e\u003c\/a\u003e\u003c\/div\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003cdiv class=\"remarkup-note\"\u003e\u003cspan class=\"remarkup-note-word\"\u003eNOTE:\u003c\/span\u003e to review the Figma proposal click \u003ctt class=\"remarkup-monospaced\"\u003eCntr\u003c\/tt\u003e + \u003ctt class=\"remarkup-monospaced\"\u003eG\u003c\/tt\u003e to show\/Hide the Figma grid.\u003c\/div\u003e\n\n\n\n\u003chr class=\"remarkup-hr\" \/\u003e\n\n\u003ch6 class=\"remarkup-header\"\u003eThen grids will be the following:\u003c\/h6\u003e\n\n\u003cul class=\"remarkup-list\"\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003cstrong\u003eDesktop Wide\u003c\/strong\u003e: 24 grid columns, 24px gutter, margins scale according to the width of the screen (max content width 1514px)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003cstrong\u003eDesktop\u003c\/strong\u003e: 24 grid columns, 24px gutter, 32px margins to max content width and then they scale (max content width 1514px)\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003cstrong\u003eTablet\u003c\/strong\u003e: 8 grid columns, 24px gutter and 24px margins\u003c\/li\u003e\n\u003cli class=\"remarkup-list-item\"\u003e\u003cstrong\u003eMobile\u003c\/strong\u003e: 4 grid columns, 16px gutter and 16px margins\u003c\/li\u003e\n\u003c\/ul\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_554\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8220839\" id=\"8220839\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-shield phui-timeline-icon\" data-meta=\"0_553\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_239\"\u003ebmartinezcalvo\u003c\/a\u003e closed subtask \u003ca href=\"\/T309336\" class=\"phui-handle handle-status-closed\"\u003eT309336: Create a prototype to test our different grid options\u003c\/a\u003e as \u003cspan class=\"phui-timeline-value\"\u003eResolved\u003c\/span\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8220839\" data-sigil=\"has-tooltip\" data-meta=\"0_552\"\u003e\u003cspan class=\"screen-only\"\u003eSep 8 2022, 12:50 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-09-08 12:50:02 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_564\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/hzhdcpgqgsj4zzz4a3qr\/PHID-FILE-jwcrdttqldyyfb3jwown\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/bmartinezcalvo\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8220861\" id=\"8220861\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_562\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_240\"\u003ebmartinezcalvo\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-f5yzi7e6nw4f6cu\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8220861\" data-sigil=\"has-tooltip\" data-meta=\"0_561\"\u003e\u003cspan class=\"screen-only\"\u003eSep 8 2022, 12:55 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-09-08 12:55:27 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_563\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/bmartinezcalvo\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_241\"\u003ebmartinezcalvo\u003c\/a\u003e added a subscriber: \u003ca href=\"\/p\/egardner\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_242\"\u003eegardner\u003c\/a\u003e.\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_559\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_560\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_243\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eNow that the grid proposal has been defined we should discuss about \u003cstrong\u003ethe implementation\u003c\/strong\u003e of the grids in Codex. cc: \u003ca href=\"\/p\/Volker_E\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_86\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@Volker_E\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"\/p\/AnneT\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_87\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@AnneT\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"\/p\/Catrope\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_88\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@Catrope\u003c\/span\u003e\u003c\/a\u003e \u003ca href=\"\/p\/egardner\/\" class=\"phui-tag-view phui-tag-type-person \" data-sigil=\"hovercard\" data-meta=\"0_89\"\u003e\u003cspan class=\"phui-tag-core phui-tag-color-person\"\u003e@egardner\u003c\/span\u003e\u003c\/a\u003e\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_567\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/vkbdrif2qx4aoarbhmbr\/PHID-FILE-wgm76sunyarnnrruhqyb\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/alexhollender_WMF\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8229423\" id=\"8229423\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_566\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/alexhollender_WMF\/\" class=\"phui-handle handle-availability-disabled phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_244\"\u003e\u003cspan class=\"perfect-circle\"\u003e\u2022\u003c\/span\u003e alexhollender_WMF\u003c\/a\u003e mentioned this in \u003ca href=\"\/T316465\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_245\"\u003eT316465: [Desktop Wide resolution] Content area of pages centers when collapsing sidebar on articles with no TOC\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8229423\" data-sigil=\"has-tooltip\" data-meta=\"0_565\"\u003e\u003cspan class=\"screen-only\"\u003eSep 12 2022, 3:55 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-09-12 15:55:13 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_577\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-major-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/xciywumql35rpionl5ng\/PHID-FILE-7osc7yyeq53xqvrq4paf\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/ldelench_wmf\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003cdiv class=\"phui-timeline-inner-content\"\u003e\u003ca name=\"8261571\" id=\"8261571\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-link phui-timeline-icon\" data-meta=\"0_575\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/ldelench_wmf\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_246\"\u003eldelench_wmf\u003c\/a\u003e edited projects, added \u003ca href=\"\/tag\/design-system-team\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_247\"\u003eDesign-System-Team\u003c\/a\u003e; removed \u003ca href=\"\/project\/view\/5859\/\" class=\"phui-handle handle-status-closed\" data-sigil=\"hovercard\" data-meta=\"0_248\"\u003eDesign-System-Team (Design-System-Sprint)\u003c\/a\u003e.\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8261571\" data-sigil=\"has-tooltip\" data-meta=\"0_574\"\u003e\u003cspan class=\"screen-only\"\u003eSep 26 2022, 4:44 PM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-09-26 16:44:50 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon phui-timeline-title-with-menu\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-user-plus phui-timeline-icon\" data-meta=\"0_576\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/ldelench_wmf\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_250\"\u003eldelench_wmf\u003c\/a\u003e subscribed.\u003c\/div\u003e\u003ca href=\"#\" class=\"phui-timeline-menu\" aria-haspopup=\"true\" aria-expanded=\"false\" data-sigil=\"phui-dropdown-menu\" data-meta=\"0_572\"\u003e\u003cspan class=\"aural-only\"\u003eComment Actions\u003c\/span\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-caret-down\" data-meta=\"0_573\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-core-content\"\u003e\u003cspan class=\"transaction-comment\" data-sigil=\"transaction-comment\" data-meta=\"0_249\"\u003e\u003cdiv class=\"phabricator-remarkup\"\u003e\u003cp\u003eneeds refinement as we head into implementation\u003c\/p\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-spacer\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-shell\" data-sigil=\"transaction anchor-container\" data-meta=\"0_580\"\u003e\u003cdiv class=\"phui-timeline-event-view phui-timeline-minor-event\"\u003e\u003cdiv class=\"phui-timeline-content\"\u003e\u003ca style=\"background-image: url(https:\/\/phab.wmfusercontent.org\/file\/data\/5rgojmch25zjn4qbyihr\/PHID-FILE-lammujrvef44b2xfeygm\/profile)\" class=\"visual-only phui-timeline-image\" href=\"\/p\/Volker_E\/\" aria-hidden=\"true\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-wedge\" style=\"\"\u003e\u003c\/div\u003e\u003cdiv class=\"phui-timeline-group\"\u003e\u003ca name=\"8278673\" id=\"8278673\" class=\"phabricator-anchor-view\"\u003e\u003c\/a\u003e\u003cdiv class=\"phui-timeline-title phui-timeline-title-with-icon\"\u003e\u003cspan class=\"phui-timeline-icon-fill\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-pencil phui-timeline-icon\" data-meta=\"0_579\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\u003c\/span\u003e\u003ca href=\"\/p\/Volker_E\/\" class=\"phui-handle phui-link-person\" data-sigil=\"hovercard\" data-meta=\"0_251\"\u003eVolker_E\u003c\/a\u003e updated the task description. \u003ca href=\"\/transactions\/detail\/PHID-XACT-TASK-kfyehlj32vmzut4\/\" data-sigil=\"workflow\"\u003e(Show Details)\u003c\/a\u003e\u003cspan class=\"phui-timeline-extra\"\u003e\u003ca href=\"#8278673\" data-sigil=\"has-tooltip\" data-meta=\"0_578\"\u003e\u003cspan class=\"screen-only\"\u003eOct 3 2022, 7:42 AM\u003c\/span\u003e\u003cspan class=\"print-only\" aria-hidden=\"true\"\u003e2022-10-03 07:42:58 (UTC+0)\u003c\/span\u003e\u003c\/a\u003e\u003c\/span\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e"},"javelin_metadata":[{"hovercardSpec":{"objectPHID":"PHID-APPS-PhabricatorHeraldApplication"}},[],{"hovercardSpec":{"objectPHID":"PHID-USER-hgn5uw2jafgjgfvxibhh"}},{"phid":"PHID-FILE-umaglm4xmwr3fx3nk4o2","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/etdunp7f7x2u6yqlvo3v\/PHID-FILE-umaglm4xmwr3fx3nk4o2\/Grids.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/etdunp7f7x2u6yqlvo3v\/PHID-FILE-umaglm4xmwr3fx3nk4o2\/Grids.png","alt":"Grids.png (5\u00d72 px, 181 KB)","viewable":true,"monogram":"F35138491"},{"phid":"PHID-FILE-7t4m2dsszbdxehkgd7n4","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/tyyuol45h3aku5l64kwr\/PHID-FILE-7t4m2dsszbdxehkgd7n4\/1440px.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/tyyuol45h3aku5l64kwr\/PHID-FILE-7t4m2dsszbdxehkgd7n4\/1440px.png","alt":"1440px.png (800\u00d71 px, 10 KB)","viewable":true,"monogram":"F35138497"},{"hovercardSpec":{"objectPHID":"PHID-TASK-q5qwoy4tmu2ucpcwaoxj"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-q5qwoy4tmu2ucpcwaoxj"}},{"hovercardSpec":{"objectPHID":"PHID-USER-dhkxbydp5wp2sd3tkkvb","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-fovtl67ew4l4cc3oeypc","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-howgnelzsoau4shmq2h6","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-caadsxn4xg5gmxrpn6kz","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"phid":"PHID-FILE-wr5asul5cthvl2dokom7","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/sorbjuohoofp3fvs5ziz\/PHID-FILE-wr5asul5cthvl2dokom7\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/sorbjuohoofp3fvs5ziz\/PHID-FILE-wr5asul5cthvl2dokom7\/image.png","alt":"image.png (7\u00d73 px, 573 KB)","viewable":true,"monogram":"F35150081"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-dhkxbydp5wp2sd3tkkvb","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"phid":"PHID-FILE-4vcmnrjmh74qpdad3nw6","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/tgukpustrdcwr26ylaqp\/PHID-FILE-4vcmnrjmh74qpdad3nw6\/1440px_Option1.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/tgukpustrdcwr26ylaqp\/PHID-FILE-4vcmnrjmh74qpdad3nw6\/1440px_Option1.png","alt":"1440px_Option1.png (802\u00d71 px, 275 KB)","viewable":true,"monogram":"F35173458"},{"phid":"PHID-FILE-m425esf2zjwptudzlpio","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/6usxoorqpdzoxgfn76s2\/PHID-FILE-m425esf2zjwptudzlpio\/1440px_Option2.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/6usxoorqpdzoxgfn76s2\/PHID-FILE-m425esf2zjwptudzlpio\/1440px_Option2.png","alt":"1440px_Option2.png (802\u00d71 px, 272 KB)","viewable":true,"monogram":"F35173461"},{"phid":"PHID-FILE-qigmtgcvqv6763amn57t","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/xznkisjjotvphasb7vxx\/PHID-FILE-qigmtgcvqv6763amn57t\/Captura_de_pantalla_2022-05-24_a_las_18.23.39.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/xznkisjjotvphasb7vxx\/PHID-FILE-qigmtgcvqv6763amn57t\/Captura_de_pantalla_2022-05-24_a_las_18.23.39.png","alt":"Captura de pantalla 2022-05-24 a las 18.23.39.png (698\u00d71 px, 683 KB)","viewable":true,"monogram":"F35173478"},{"phid":"PHID-FILE-zmf4kapak7vwu7sw2x5k","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/5l2mrugs5wjieaxe5gpj\/PHID-FILE-zmf4kapak7vwu7sw2x5k\/Captura_de_pantalla_2022-05-24_a_las_18.24.10.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/5l2mrugs5wjieaxe5gpj\/PHID-FILE-zmf4kapak7vwu7sw2x5k\/Captura_de_pantalla_2022-05-24_a_las_18.24.10.png","alt":"Captura de pantalla 2022-05-24 a las 18.24.10.png (904\u00d71 px, 883 KB)","viewable":true,"monogram":"F35173480"},{"hovercardSpec":{"objectPHID":"PHID-TASK-q5qwoy4tmu2ucpcwaoxj"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"phid":"PHID-FILE-zeo3yq4mvdmmjzr4geny","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/vsooeeczmnuvddtncll2\/PHID-FILE-zeo3yq4mvdmmjzr4geny\/Captura_de_pantalla_2022-05-26_a_las_13.07.39.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/vsooeeczmnuvddtncll2\/PHID-FILE-zeo3yq4mvdmmjzr4geny\/Captura_de_pantalla_2022-05-26_a_las_13.07.39.png","alt":"Captura de pantalla 2022-05-26 a las 13.07.39.png (1\u00d71 px, 1 MB)","viewable":true,"monogram":"F35178780"},{"phid":"PHID-FILE-fasazltofoqbgyig2hmq","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/y6wr6uycw7h5cu7spbwc\/PHID-FILE-fasazltofoqbgyig2hmq\/Captura_de_pantalla_2022-05-26_a_las_13.07.48.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/y6wr6uycw7h5cu7spbwc\/PHID-FILE-fasazltofoqbgyig2hmq\/Captura_de_pantalla_2022-05-26_a_las_13.07.48.png","alt":"Captura de pantalla 2022-05-26 a las 13.07.48.png (1\u00d71 px, 1 MB)","viewable":true,"monogram":"F35178781"},{"hovercardSpec":{"objectPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-dhkxbydp5wp2sd3tkkvb","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-gpug6c5qbjmokpfkuxx3","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-q5qwoy4tmu2ucpcwaoxj"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-q5qwoy4tmu2ucpcwaoxj"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mxv5ka2lyl7f5gsmt47w","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-dhkxbydp5wp2sd3tkkvb","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-c47vnc2yxmwfvvc4367q","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"phid":"PHID-FILE-nemicuju324fpjkhj3wr","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/cawh6alnifjf4s7m7lta\/PHID-FILE-nemicuju324fpjkhj3wr\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/cawh6alnifjf4s7m7lta\/PHID-FILE-nemicuju324fpjkhj3wr\/image.png","alt":"image.png (1\u00d72 px, 481 KB)","viewable":true,"monogram":"F35358558"},{"phid":"PHID-FILE-gajeacnzxpisj63rlcf4","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/ajicqbjyqyiix3dmceri\/PHID-FILE-gajeacnzxpisj63rlcf4\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/ajicqbjyqyiix3dmceri\/PHID-FILE-gajeacnzxpisj63rlcf4\/image.png","alt":"image.png (1\u00d72 px, 423 KB)","viewable":true,"monogram":"F35358560"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-dhkxbydp5wp2sd3tkkvb","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-dhkxbydp5wp2sd3tkkvb","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"phid":"PHID-FILE-jh5cu73y4ktzvwyzaxsc","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/kmemgpyafe2w4btw6nwa\/PHID-FILE-jh5cu73y4ktzvwyzaxsc\/Captura_de_Pantalla_2022-08-03_a_las_13.47.36.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/kmemgpyafe2w4btw6nwa\/PHID-FILE-jh5cu73y4ktzvwyzaxsc\/Captura_de_Pantalla_2022-08-03_a_las_13.47.36.png","alt":"Captura de Pantalla 2022-08-03 a las 13.47.36.png (1\u00d7984 px, 779 KB)","viewable":true,"monogram":"F35387861"},{"phid":"PHID-FILE-ikg2gzmj7lb3ov27uxxr","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/5fpvycqtz4hdlocqpesy\/PHID-FILE-ikg2gzmj7lb3ov27uxxr\/Captura_de_Pantalla_2022-08-03_a_las_13.53.07.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/5fpvycqtz4hdlocqpesy\/PHID-FILE-ikg2gzmj7lb3ov27uxxr\/Captura_de_Pantalla_2022-08-03_a_las_13.53.07.png","alt":"Captura de Pantalla 2022-08-03 a las 13.53.07.png (1\u00d7974 px, 966 KB)","viewable":true,"monogram":"F35387943"},{"hovercardSpec":{"objectPHID":"PHID-TASK-q5qwoy4tmu2ucpcwaoxj"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-ss42ty2htvgwke36j443"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"phid":"PHID-FILE-u5su3dopljfwmxtb4s2p","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/hky2ya6csguxc4x5y4yj\/PHID-FILE-u5su3dopljfwmxtb4s2p\/Captura_de_Pantalla_2022-08-03_a_las_15.54.35.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/hky2ya6csguxc4x5y4yj\/PHID-FILE-u5su3dopljfwmxtb4s2p\/Captura_de_Pantalla_2022-08-03_a_las_15.54.35.png","alt":"Captura de Pantalla 2022-08-03 a las 15.54.35.png (1\u00d71 px, 1 MB)","viewable":true,"monogram":"F35389693"},{"hovercardSpec":{"objectPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-ss42ty2htvgwke36j443"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-ss42ty2htvgwke36j443"}},{"phid":"PHID-FILE-etn4unoe7a3t6th762k5","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/pwya4xii3gsrenzogvkf\/PHID-FILE-etn4unoe7a3t6th762k5\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/pwya4xii3gsrenzogvkf\/PHID-FILE-etn4unoe7a3t6th762k5\/image.png","alt":"image.png (1\u00d72 px, 703 KB)","viewable":true,"monogram":"F35424737"},{"phid":"PHID-FILE-cyyp3qzph4a75toljhn3","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/mrhzxawnbooz6o23ynlg\/PHID-FILE-cyyp3qzph4a75toljhn3\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/mrhzxawnbooz6o23ynlg\/PHID-FILE-cyyp3qzph4a75toljhn3\/image.png","alt":"image.png (1\u00d72 px, 534 KB)","viewable":true,"monogram":"F35424758"},{"phid":"PHID-FILE-nje7gswozncnvhz27bty","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/hbk2lkmyivzhwswelqmg\/PHID-FILE-nje7gswozncnvhz27bty\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/hbk2lkmyivzhwswelqmg\/PHID-FILE-nje7gswozncnvhz27bty\/image.png","alt":"image.png (1\u00d72 px, 706 KB)","viewable":true,"monogram":"F35424741"},{"phid":"PHID-FILE-csviyjsqirfsnepffp2m","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/b3jytrbqnrtt2wxmpxib\/PHID-FILE-csviyjsqirfsnepffp2m\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/b3jytrbqnrtt2wxmpxib\/PHID-FILE-csviyjsqirfsnepffp2m\/image.png","alt":"image.png (1\u00d72 px, 557 KB)","viewable":true,"monogram":"F35424760"},{"phid":"PHID-FILE-mrc2gke5isvl6ged6nou","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/wduljytgv4lafwvibpvd\/PHID-FILE-mrc2gke5isvl6ged6nou\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/wduljytgv4lafwvibpvd\/PHID-FILE-mrc2gke5isvl6ged6nou\/image.png","alt":"image.png (1\u00d72 px, 711 KB)","viewable":true,"monogram":"F35424746"},{"phid":"PHID-FILE-e3bjuulzycv2yv435zaj","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/rtzrapz35x57n4yqwrlq\/PHID-FILE-e3bjuulzycv2yv435zaj\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/rtzrapz35x57n4yqwrlq\/PHID-FILE-e3bjuulzycv2yv435zaj\/image.png","alt":"image.png (1\u00d72 px, 563 KB)","viewable":true,"monogram":"F35424762"},{"phid":"PHID-FILE-7r5qh4nejpmxykdwbc23","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/jmqixd3oczy5aclabii6\/PHID-FILE-7r5qh4nejpmxykdwbc23\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/jmqixd3oczy5aclabii6\/PHID-FILE-7r5qh4nejpmxykdwbc23\/image.png","alt":"image.png (1\u00d72 px, 716 KB)","viewable":true,"monogram":"F35424752"},{"phid":"PHID-FILE-azrzrn3hrzawrb5ov3em","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/jg44ha76b6lyuelsw5as\/PHID-FILE-azrzrn3hrzawrb5ov3em\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/jg44ha76b6lyuelsw5as\/PHID-FILE-azrzrn3hrzawrb5ov3em\/image.png","alt":"image.png (1\u00d72 px, 577 KB)","viewable":true,"monogram":"F35424764"},{"phid":"PHID-FILE-lz2pvkuaugvft3n74gvv","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/wxwftgxoryvivyxzhpwr\/PHID-FILE-lz2pvkuaugvft3n74gvv\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/wxwftgxoryvivyxzhpwr\/PHID-FILE-lz2pvkuaugvft3n74gvv\/image.png","alt":"image.png (1\u00d72 px, 724 KB)","viewable":true,"monogram":"F35424756"},{"phid":"PHID-FILE-e7monxdrrba4dot7a526","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/rzztqe6scd37dmmwjkkn\/PHID-FILE-e7monxdrrba4dot7a526\/image.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/rzztqe6scd37dmmwjkkn\/PHID-FILE-e7monxdrrba4dot7a526\/image.png","alt":"image.png (1\u00d72 px, 602 KB)","viewable":true,"monogram":"F35424767"},{"phid":"PHID-FILE-hvlh75wwvlta46wv4r3n","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/zwqtcay3lhpkgkwgg5jv\/PHID-FILE-hvlh75wwvlta46wv4r3n\/1680.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/zwqtcay3lhpkgkwgg5jv\/PHID-FILE-hvlh75wwvlta46wv4r3n\/1680.png","alt":"1680.png (774\u00d71 px, 42 KB)","viewable":true,"monogram":"F35425049"},{"phid":"PHID-FILE-v5f5ji52pr5ccunjxsaq","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/ke3lmuh2tysihvvyys2u\/PHID-FILE-v5f5ji52pr5ccunjxsaq\/1400.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/ke3lmuh2tysihvvyys2u\/PHID-FILE-v5f5ji52pr5ccunjxsaq\/1400.png","alt":"1400.png (774\u00d71 px, 39 KB)","viewable":true,"monogram":"F35425053"},{"phid":"PHID-FILE-a4by76l4lk6wjaxnneps","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/m6tqnjzoee6zaso5ec7m\/PHID-FILE-a4by76l4lk6wjaxnneps\/1120.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/m6tqnjzoee6zaso5ec7m\/PHID-FILE-a4by76l4lk6wjaxnneps\/1120.png","alt":"1120.png (774\u00d71 px, 36 KB)","viewable":true,"monogram":"F35425057"},{"phid":"PHID-FILE-72j6batz2gsb63n53fdx","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/w3vsd7zqa5d7w73kaj56\/PHID-FILE-72j6batz2gsb63n53fdx\/900.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/w3vsd7zqa5d7w73kaj56\/PHID-FILE-72j6batz2gsb63n53fdx\/900.png","alt":"900.png (774\u00d7900 px, 32 KB)","viewable":true,"monogram":"F35425063"},{"phid":"PHID-FILE-ora7si2xnghqx6hi6ef2","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/vsxseg6ih24kjshsge7b\/PHID-FILE-ora7si2xnghqx6hi6ef2\/320.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/vsxseg6ih24kjshsge7b\/PHID-FILE-ora7si2xnghqx6hi6ef2\/320.png","alt":"320.png (774\u00d7320 px, 23 KB)","viewable":true,"monogram":"F35425067"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-dhkxbydp5wp2sd3tkkvb","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"phid":"PHID-FILE-byudh3jg5bnntwp22ovu","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/lhucvl4wlvjsla23jpe2\/PHID-FILE-byudh3jg5bnntwp22ovu\/Captura_de_Pantalla_2022-08-12_a_las_11.41.31.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/lhucvl4wlvjsla23jpe2\/PHID-FILE-byudh3jg5bnntwp22ovu\/Captura_de_Pantalla_2022-08-12_a_las_11.41.31.png","alt":"Captura de Pantalla 2022-08-12 a las 11.41.31.png (1\u00d72 px, 3 MB)","viewable":true,"monogram":"F35428986"},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"phid":"PHID-FILE-w7drwtwvljsragem2u4p","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/hrmcjsvj7eehr2ccgur3\/PHID-FILE-w7drwtwvljsragem2u4p\/Captura_de_Pantalla_2022-08-12_a_las_11.49.15.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/hrmcjsvj7eehr2ccgur3\/PHID-FILE-w7drwtwvljsragem2u4p\/Captura_de_Pantalla_2022-08-12_a_las_11.49.15.png","alt":"Captura de Pantalla 2022-08-12 a las 11.49.15.png (1\u00d71 px, 338 KB)","viewable":true,"monogram":"F35429016"},{"phid":"PHID-FILE-h3jsasa2g5bdaqsstdk3","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/itjlh5xmci7jjsn4ac6q\/PHID-FILE-h3jsasa2g5bdaqsstdk3\/Captura_de_Pantalla_2022-08-12_a_las_11.50.08.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/itjlh5xmci7jjsn4ac6q\/PHID-FILE-h3jsasa2g5bdaqsstdk3\/Captura_de_Pantalla_2022-08-12_a_las_11.50.08.png","alt":"Captura de Pantalla 2022-08-12 a las 11.50.08.png (1\u00d71 px, 425 KB)","viewable":true,"monogram":"F35429021"},{"phid":"PHID-FILE-lvzfsyctt4l5eiyuszwo","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/x77bm6qtiasgrj32jejv\/PHID-FILE-lvzfsyctt4l5eiyuszwo\/Captura_de_Pantalla_2022-08-12_a_las_12.06.48.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/x77bm6qtiasgrj32jejv\/PHID-FILE-lvzfsyctt4l5eiyuszwo\/Captura_de_Pantalla_2022-08-12_a_las_12.06.48.png","alt":"Captura de Pantalla 2022-08-12 a las 12.06.48.png (1\u00d71 px, 1 MB)","viewable":true,"monogram":"F35429120"},{"phid":"PHID-FILE-au2jy5kdx7hza37zuuj5","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/r4xhcwo4qo4ufcr3jpav\/PHID-FILE-au2jy5kdx7hza37zuuj5\/Captura_de_Pantalla_2022-08-12_a_las_12.06.57.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/r4xhcwo4qo4ufcr3jpav\/PHID-FILE-au2jy5kdx7hza37zuuj5\/Captura_de_Pantalla_2022-08-12_a_las_12.06.57.png","alt":"Captura de Pantalla 2022-08-12 a las 12.06.57.png (1\u00d71 px, 1 MB)","viewable":true,"monogram":"F35429123"},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"phid":"PHID-FILE-kkhplhgpdnuhq52dh4xj","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/ueralxi5wikl5nbcntmh\/PHID-FILE-kkhplhgpdnuhq52dh4xj\/Captura_de_Pantalla_2022-09-07_a_las_10.32.43.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/ueralxi5wikl5nbcntmh\/PHID-FILE-kkhplhgpdnuhq52dh4xj\/Captura_de_Pantalla_2022-09-07_a_las_10.32.43.png","alt":"Captura de Pantalla 2022-09-07 a las 10.32.43.png (1\u00d72 px, 1 MB)","viewable":true,"monogram":"F35513464"},{"phid":"PHID-FILE-7jshpdstoqsx3rifoojd","uri":"https:\/\/phab.wmfusercontent.org\/file\/data\/llurwdo77jqoueekrxxt\/PHID-FILE-7jshpdstoqsx3rifoojd\/Captura_de_Pantalla_2022-09-07_a_las_10.34.22.png","dUri":"https:\/\/phab.wmfusercontent.org\/file\/download\/llurwdo77jqoueekrxxt\/PHID-FILE-7jshpdstoqsx3rifoojd\/Captura_de_Pantalla_2022-09-07_a_las_10.34.22.png","alt":"Captura de Pantalla 2022-09-07 a las 10.34.22.png (1\u00d72 px, 756 KB)","viewable":true,"monogram":"F35513467"},{"hovercardSpec":{"objectPHID":"PHID-TASK-ss42ty2htvgwke36j443"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-caadsxn4xg5gmxrpn6kz","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-howgnelzsoau4shmq2h6","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-fovtl67ew4l4cc3oeypc","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-vlt742cfg2fzamtdvlr4","contextPHID":"PHID-TASK-5pwr7jj6t6l2kjbhdwvi"}},{"hovercardSpec":{"objectPHID":"PHID-USER-gish6k7n4hw23svhioxb"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-d27lozw5mlao2poyk2lp"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-smijskbwm3y2uoujjyay"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-n3w2cazdwjy56gx7ic5b"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-m35seopzzyp7eg7kd2dn"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-jabpql7lv54fmrqsifuf"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-4wjht4444jvxxs53orun"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-smijskbwm3y2uoujjyay"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-APPS-PhabricatorHeraldApplication"}},[],{"hovercardSpec":{"objectPHID":"PHID-USER-g7ljr7obhy5hgp4qpuiw"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-sgkj4q235aewl2t2p5b5"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-4gmhqpxrfqgvms2qjyba"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-smijskbwm3y2uoujjyay"}},{"hovercardSpec":{"objectPHID":"PHID-USER-sgkj4q235aewl2t2p5b5"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-v2bi5q3vouwwh7zpqvp5"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-e7a2d7mtre57tqrtgcpk"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-4gmhqpxrfqgvms2qjyba"}},{"hovercardSpec":{"objectPHID":"PHID-USER-sgkj4q235aewl2t2p5b5"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-e7a2d7mtre57tqrtgcpk"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-nrq65vsgm6iyxi2c3f2j"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-4gmhqpxrfqgvms2qjyba"}},{"hovercardSpec":{"objectPHID":"PHID-USER-sgkj4q235aewl2t2p5b5"}},{"hovercardSpec":{"objectPHID":"PHID-USER-sgkj4q235aewl2t2p5b5"}},{"hovercardSpec":{"objectPHID":"PHID-USER-sgkj4q235aewl2t2p5b5"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-nrq65vsgm6iyxi2c3f2j"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-rhtndg655bjfbsot54r4"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-4gmhqpxrfqgvms2qjyba"}},{"hovercardSpec":{"objectPHID":"PHID-USER-sgkj4q235aewl2t2p5b5"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-4gmhqpxrfqgvms2qjyba"}},{"hovercardSpec":{"objectPHID":"PHID-USER-sgkj4q235aewl2t2p5b5"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-4zzjgyjv7i5nbl63f7lp"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-mgfebzezksmeblgjdolj"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"hovercardSpec":{"objectPHID":"PHID-USER-gish6k7n4hw23svhioxb"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-mgfebzezksmeblgjdolj"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-t3bzplilzcmchy74ame6"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-t3bzplilzcmchy74ame6"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-wwtuysjejyofumuo7k2m"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-howgnelzsoau4shmq2h6"}},{"hovercardSpec":{"objectPHID":"PHID-USER-caadsxn4xg5gmxrpn6kz"}},{"hovercardSpec":{"objectPHID":"PHID-USER-fovtl67ew4l4cc3oeypc"}},{"phid":"PHID-XACT-TASK-e2nuy2k4yv35o42"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-q5qwoy4tmu2ucpcwaoxj"}},{"hovercardSpec":{"objectPHID":"PHID-USER-caadsxn4xg5gmxrpn6kz"}},{"hovercardSpec":{"objectPHID":"PHID-USER-caadsxn4xg5gmxrpn6kz"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n"}},{"phid":"PHID-XACT-TASK-vgo5c6y3bauhxs7"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-wwtuysjejyofumuo7k2m"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-t3bzplilzcmchy74ame6"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"phid":"PHID-XACT-TASK-prb4khlgdfu2kuf"},{"hovercardSpec":{"objectPHID":"PHID-USER-ug3myrtblv52hil6aowd"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"phid":"PHID-XACT-TASK-rezuj4aqgv3d7oo"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-t3bzplilzcmchy74ame6"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-wwtuysjejyofumuo7k2m"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"hovercardSpec":{"objectPHID":"PHID-USER-dhkxbydp5wp2sd3tkkvb"}},{"phid":"PHID-XACT-TASK-ios5wrskpbuwvow"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"phid":"PHID-XACT-TASK-auyh6mzaygjyc35"},{"hovercardSpec":{"objectPHID":"PHID-USER-caadsxn4xg5gmxrpn6kz"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-gpug6c5qbjmokpfkuxx3"}},{"phid":"PHID-XACT-TASK-m676ajcabufkj66"},{"hovercardSpec":{"objectPHID":"PHID-USER-ejp5b4zwkqh7wf62j2gh"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-eg65fvgmfxjyonwmjl3o"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"phid":"PHID-XACT-TASK-znzh7xo63vigtdz"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-4gmhqpxrfqgvms2qjyba"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"phid":"PHID-XACT-TASK-u4qiko3xlyjqno7"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-v2bi5q3vouwwh7zpqvp5"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-e7a2d7mtre57tqrtgcpk"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-4gmhqpxrfqgvms2qjyba"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-4gmhqpxrfqgvms2qjyba"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-wwtuysjejyofumuo7k2m"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-t3bzplilzcmchy74ame6"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mxv5ka2lyl7f5gsmt47w"}},{"hovercardSpec":{"objectPHID":"PHID-USER-gish6k7n4hw23svhioxb"}},{"hovercardSpec":{"objectPHID":"PHID-USER-c47vnc2yxmwfvvc4367q"}},{"phid":"PHID-XACT-TASK-m6h7tcxkalmunfx"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-t3bzplilzcmchy74ame6"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-wwtuysjejyofumuo7k2m"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-qox5acfaobe772yqcwy5"}},{"hovercardSpec":{"objectPHID":"PHID-USER-gpug6c5qbjmokpfkuxx3"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-ynimh3uoiawm5wj4staf"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n"}},{"phid":"PHID-XACT-TASK-q3rybx3qdbjldew"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"phid":"PHID-XACT-TASK-b6prp4zy3albvbg"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"phid":"PHID-XACT-TASK-7x6ggvocgdydzpf"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-ss42ty2htvgwke36j443"}},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n"}},{"phid":"PHID-XACT-TASK-ec4ttscmm4x7yzx"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"phid":"PHID-XACT-TASK-fx6goj5htxs27gs"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"phid":"PHID-XACT-TASK-5yiuqhpzmp6x6gd"},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n"}},{"phid":"PHID-XACT-TASK-gyx2nvzu3itqeiy"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"phid":"PHID-XACT-TASK-tbcotzc2e6whuvw"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"phid":"PHID-XACT-TASK-an2kqc5akhsx43i"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-pz3ifqeakxafpt2owyje"}},{"hovercardSpec":{"objectPHID":"PHID-USER-m2yck6646cdt5t6zkta4"}},{"hovercardSpec":{"objectPHID":"PHID-USER-hphk5jxfxfgl64tpfacw"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-wwtuysjejyofumuo7k2m"}},{"hovercardSpec":{"objectPHID":"PHID-PCOL-fho6k73fws32xtvnr54a"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"phid":"PHID-XACT-TASK-yfyeiuwn5t4imgb"},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-mfz7safauzndfhml7u57"}},{"hovercardSpec":{"objectPHID":"PHID-USER-vlt742cfg2fzamtdvlr4"}},{"phid":"PHID-XACT-TASK-tu3tbfojrksavs7"},{"hovercardSpec":{"objectPHID":"PHID-USER-cjbkqgaozso5gfp3xv2n"}},{"hovercardSpec":{"objectPHID":"PHID-TASK-o4xqyzy7ay3zmspxyzys"}},{"hovercardSpec":{"objectPHID":"PHID-USER-orv5mcf5st35inouzwu3"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-4gmhqpxrfqgvms2qjyba"}},{"hovercardSpec":{"objectPHID":"PHID-PROJ-7x2jagmev5l5dyco323o"}},{"phid":"PHID-XACT-TASK-ir4qrcd2fs3b5xr"},{"hovercardSpec":{"objectPHID":"PHID-USER-orv5mcf5st35inouzwu3"}},{"hovercardSpec":{"objectPHID":"PHID-USER-caadsxn4xg5gmxrpn6kz"}},{"tip":"Via Herald"},[],{"phid":"PHID-XACT-TASK-epizwsf5ksdxi6u","anchor":"7585795"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-qxz5ds2p76yfqm5","anchor":"7585796"},{"tip":"Via Web"},[],[],[],{"phid":"PHID-XACT-TASK-3bekrphfyqynemo","anchor":"7847522"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-oh7jx7orr3nzpl7","anchor":"7847525"},{"tip":"Via Herald"},[],{"phid":"PHID-XACT-TASK-qjy3yr2wzk2gknc","anchor":"7847526"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-yqqklxlrzegahdx","anchor":"7847527"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-3hyeu4jfgi22urn","anchor":"7858739"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-up3xunt7efbdlfi","anchor":"7879316"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-pojxnpffcajhzdz","anchor":"7880633"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-duavodckejbvaio","anchor":"7893485"},{"tip":"Via Web"},[],[],[],[],{"phid":"PHID-XACT-TASK-kwmtjav36w3pu3f","anchor":"7895856"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-ilgkggsczktkhyz","anchor":"7900100"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-2ri3cdecrqrpfuf","anchor":"7913156"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-yn7uhqv5xpjou5k","anchor":"7927416"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-e2nuy2k4yv35o42\/","ref":"T298198#7927646"},[],{"anchor":"7927646"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_1\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_299\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_300\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_3\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-e2nuy2k4yv35o42\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_301\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_302\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],[],[],{"phid":"PHID-XACT-TASK-zsqsav64kouhhqx","anchor":"7927646"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-pko2ur2lslfrucn","anchor":"7930593"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-2tvxpl7bhcz6txk","anchor":"7930647"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-pwxev2frtwe3i44","anchor":"7932151"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-wwzypbmquo4uray","anchor":"7932171"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-vgo5c6y3bauhxs7\/","ref":"T298198#7936666"},[],{"anchor":"7936666"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_5\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_322\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_323\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_7\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-vgo5c6y3bauhxs7\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_324\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_325\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-vgo5c6y3bauhxs7","anchor":"7936666"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-slhkbzd4defjteu","anchor":"7943807"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-prb4khlgdfu2kuf\/","ref":"T298198#7950518"},[],{"anchor":"7950518"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_9\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_334\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_335\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_11\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-prb4khlgdfu2kuf\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_336\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_337\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-prb4khlgdfu2kuf","anchor":"7950518"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-rezuj4aqgv3d7oo\/","ref":"T298198#7953637"},[],{"anchor":"7953637"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_13\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_343\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_344\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_15\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-rezuj4aqgv3d7oo\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_345\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_346\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-rezuj4aqgv3d7oo","anchor":"7953637"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-erhltgxtxmztir3","anchor":"7953641"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-ios5wrskpbuwvow\/","ref":"T298198#7957712"},[],{"anchor":"7957712"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_17\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_355\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_356\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_19\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-ios5wrskpbuwvow\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_357\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_358\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-ios5wrskpbuwvow","anchor":"7957712"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-auyh6mzaygjyc35\/","ref":"T298198#7960069"},[],{"anchor":"7960069"},[],[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_21\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_364\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_365\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_23\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-auyh6mzaygjyc35\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_366\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_367\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_25\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/history\/PHID-XACT-TASK-auyh6mzaygjyc35\/\" class=\"phabricator-action-view-item\" data-sigil=\"workflow\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-list phabricator-action-view-icon\" data-meta=\"0_368\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Edit History\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-auyh6mzaygjyc35","anchor":"7960069"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-o73wqysa5tmtndv","anchor":"7984809"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-x225kttgm5sqb3p","anchor":"7986636"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-m676ajcabufkj66\/","ref":"T298198#7986660"},[],{"anchor":"7986660"},[],[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_27\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_380\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_381\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_29\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-m676ajcabufkj66\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_382\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_383\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_31\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/history\/PHID-XACT-TASK-m676ajcabufkj66\/\" class=\"phabricator-action-view-item\" data-sigil=\"workflow\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-list phabricator-action-view-icon\" data-meta=\"0_384\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Edit History\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-gwpp3aeg6775dt6","anchor":"7986660"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-tgy6i7i2ttc7edk","anchor":"7990108"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-znzh7xo63vigtdz\/","ref":"T298198#8037113"},[],{"anchor":"8037113"},[],[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_33\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_393\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_394\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_35\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-znzh7xo63vigtdz\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_395\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_396\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_37\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/history\/PHID-XACT-TASK-znzh7xo63vigtdz\/\" class=\"phabricator-action-view-item\" data-sigil=\"workflow\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-list phabricator-action-view-icon\" data-meta=\"0_397\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Edit History\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-znzh7xo63vigtdz","anchor":"8037113"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-u4qiko3xlyjqno7\/","ref":"T298198#8052808"},[],{"anchor":"8052808"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_39\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_403\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_404\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_41\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-u4qiko3xlyjqno7\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_405\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_406\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-l6vahg4dfsvpdp6","anchor":"8052808"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-a6s4u2lzcl7orvk","anchor":"8052810"},{"tip":"Via Web"},[],[],{"phid":"PHID-XACT-TASK-ymwts4xjlhnhoih","anchor":"8094139"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-m6h7tcxkalmunfx\/","ref":"T298198#8097143"},[],{"anchor":"8097143"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_43\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_419\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_420\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_45\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-m6h7tcxkalmunfx\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_421\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_422\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-6jyeedbyckx43qm","anchor":"8097143"},{"tip":"Via Web"},[],[],{"phid":"PHID-XACT-TASK-4anfikcgbcjpoe4","anchor":"8097147"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-bgxa3qc2h4ks4lf","anchor":"8112416"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-dwfetgm4y3rpai3","anchor":"8113780"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-q3rybx3qdbjldew\/","ref":"T298198#8116478"},[],{"anchor":"8116478"},[],[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_47\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_438\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_439\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_49\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-q3rybx3qdbjldew\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_440\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_441\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_51\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/history\/PHID-XACT-TASK-q3rybx3qdbjldew\/\" class=\"phabricator-action-view-item\" data-sigil=\"workflow\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-list phabricator-action-view-icon\" data-meta=\"0_442\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Edit History\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-q3rybx3qdbjldew","anchor":"8116478"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-b6prp4zy3albvbg\/","ref":"T298198#8127654"},[],{"anchor":"8127654"},[],[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_53\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_448\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_449\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_55\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-b6prp4zy3albvbg\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_450\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_451\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_57\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/history\/PHID-XACT-TASK-b6prp4zy3albvbg\/\" class=\"phabricator-action-view-item\" data-sigil=\"workflow\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-list phabricator-action-view-icon\" data-meta=\"0_452\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Edit History\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-b6prp4zy3albvbg","anchor":"8127654"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-7x6ggvocgdydzpf\/","ref":"T298198#8128237"},[],{"anchor":"8128237"},[],[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_59\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_458\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_459\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_61\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-7x6ggvocgdydzpf\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_460\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_461\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_63\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/history\/PHID-XACT-TASK-7x6ggvocgdydzpf\/\" class=\"phabricator-action-view-item\" data-sigil=\"workflow\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-list phabricator-action-view-icon\" data-meta=\"0_462\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Edit History\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-7x6ggvocgdydzpf","anchor":"8128237"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-qajmcatqefysjmy","anchor":"8128371"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-ec4ttscmm4x7yzx\/","ref":"T298198#8128518"},[],{"anchor":"8128518"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_65\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_471\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_472\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_67\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-ec4ttscmm4x7yzx\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_473\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_474\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-ec4ttscmm4x7yzx","anchor":"8128518"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-fx6goj5htxs27gs\/","ref":"T298198#8130266"},[],{"anchor":"8130266"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_69\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_480\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_481\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_71\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-fx6goj5htxs27gs\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_482\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_483\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-fx6goj5htxs27gs","anchor":"8130266"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-5yiuqhpzmp6x6gd\/","ref":"T298198#8145299"},[],{"anchor":"8145299"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_73\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_489\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_490\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_75\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-5yiuqhpzmp6x6gd\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_491\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_492\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],[],{"phid":"PHID-XACT-TASK-gr37tsd7mejefub","anchor":"8145299"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-gyx2nvzu3itqeiy\/","ref":"T298198#8146526"},[],{"anchor":"8146526"},[],[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_77\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_499\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_500\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_79\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-gyx2nvzu3itqeiy\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_501\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_502\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_81\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/history\/PHID-XACT-TASK-gyx2nvzu3itqeiy\/\" class=\"phabricator-action-view-item\" data-sigil=\"workflow\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-list phabricator-action-view-icon\" data-meta=\"0_503\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Edit History\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-gyx2nvzu3itqeiy","anchor":"8146526"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-teg4oxc5hkaptoo","anchor":"8147667"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-tbcotzc2e6whuvw\/","ref":"T298198#8147695"},[],{"anchor":"8147695"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_83\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_512\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_513\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_85\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-tbcotzc2e6whuvw\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_514\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_515\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-tbcotzc2e6whuvw","anchor":"8147695"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-vaglzcgowtnouim","anchor":"8147708"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-an2kqc5akhsx43i\/","ref":"T298198#8147759"},[],{"anchor":"8147759"},[],[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_87\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_524\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_525\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_89\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-an2kqc5akhsx43i\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_526\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_527\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_91\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/history\/PHID-XACT-TASK-an2kqc5akhsx43i\/\" class=\"phabricator-action-view-item\" data-sigil=\"workflow\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-list phabricator-action-view-icon\" data-meta=\"0_528\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Edit History\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-an2kqc5akhsx43i","anchor":"8147759"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-w6ezjihwlojbvg2","anchor":"8157649"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-enshhgrzubyns5q","anchor":"8197866"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-r3acxq7zxov3tdy","anchor":"8203127"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-yfyeiuwn5t4imgb\/","ref":"T298198#8220830"},[],{"anchor":"8220830"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_93\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_543\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_544\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_95\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-yfyeiuwn5t4imgb\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_545\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_546\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-ufftzzid77bueo2","anchor":"8220830"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-zdi2bmfi3y5bdiu","anchor":"8220839"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-tu3tbfojrksavs7\/","ref":"T298198#8220861"},[],{"anchor":"8220861"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_97\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_555\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_556\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_99\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-tu3tbfojrksavs7\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_557\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_558\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],[],{"phid":"PHID-XACT-TASK-f5yzi7e6nw4f6cu","anchor":"8220861"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-bw7vilb4ntkx545","anchor":"8229423"},{"targetID":"UQ0_1","uri":"\/transactions\/quote\/PHID-XACT-TASK-ir4qrcd2fs3b5xr\/","ref":"T298198#8261571"},[],{"anchor":"8261571"},[],{"items":"\u003cul class=\"phabricator-action-list-view \"\u003e\u003cli id=\"UQ0_101\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"#\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-quote\" data-meta=\"0_568\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-quote-left phabricator-action-view-icon\" data-meta=\"0_569\" aria-hidden=\"true\"\u003e\u003c\/span\u003eQuote Comment\u003c\/a\u003e\u003c\/li\u003e\u003cli id=\"UQ0_103\" class=\"phabricator-action-view phabricator-action-view-href action-has-icon\" style=\"\"\u003e\u003ca href=\"\/transactions\/raw\/PHID-XACT-TASK-ir4qrcd2fs3b5xr\/\" class=\"phabricator-action-view-item\" data-sigil=\"transaction-raw\" data-meta=\"0_570\"\u003e\u003cspan class=\"visual-only phui-icon-view phui-font-fa fa-code phabricator-action-view-icon\" data-meta=\"0_571\" aria-hidden=\"true\"\u003e\u003c\/span\u003eView Raw Remarkup\u003c\/a\u003e\u003c\/li\u003e\u003c\/ul\u003e"},[],{"tip":"Via Web"},[],[],{"phid":"PHID-XACT-TASK-jug76iggft7kwza","anchor":"8261571"},{"tip":"Via Web"},[],{"phid":"PHID-XACT-TASK-kfyehlj32vmzut4","anchor":"8278673"}],"javelin_behaviors":{"phui-hovercards":[],"phabricator-watch-anchor":[],"phabricator-tooltips":[],"phui-dropdown-menu":[]},"javelin_resources":["https:\/\/phab.wmfusercontent.org\/res\/defaultX\/phabricator\/dad1a225\/core.pkg.js","https:\/\/phab.wmfusercontent.org\/res\/defaultX\/phabricator\/98e6504a\/rsrc\/externals\/javelin\/core\/init.js","https:\/\/phab.wmfusercontent.org\/res\/defaultX\/phabricator\/286467bd\/core.pkg.css"]}