?vectorzebradesign=0)
?vectorzebradesign=1)Hello everyone. My apologies for not writing in Catalan. Please help me by translating this message.
As part of Zebra #9 prototype, we introduced two kinds of visual changes: color-based area separation, and other CSS modifications. As we reported previously, the A/B test didn't prove that the color-based separation was an improvement. We focused on the other CSS modifications instead, and we're implementing these changes now. To preview the difference, you may use ?vectorzebradesign=0 (without the changes) and ?vectorzebradesign=1 (with the changes). The changes are:
- Dropdown menus (the sidebar, table of contents, user menu, and tools menu when not pinned) have a lighter outline and drop-shadow.
- The "move to sidebar"/ "hide" buttons in the dropdown menus have a gray background instead of the square brackets.
- The main menu no longer has a gray background when it is placed in the side column (when it's pinned). Instead, all menus have the same appearance when placed in the side columns.
- The left and right columns have equal width.
- Due to the change above, the content width gets slightly narrower when menus are pinned in both columns.
- The gap between the table of contents and content area is smaller.
Tuesday evening, we shipped these changes here, as well as on French, Hebrew, and Polish Wikipedias. We are planning on introducing these changes across all the wikis within 2-3 weeks. These will enable future modifications, like the Accessibility for reading menu.
Thank you!