Change Details

There have been a few releases since we last updated. #### Acceptance criteria [ ] Review the changes [ ] Update the package [ ] Make any necessary config updates #### Design review [] Codex site's title/logo [] Increase text size to 20 (1.25em)/25 (1.25) [] Fix hover state: use @color-base--hover (#404244) insted [] Add Wikimedia Foundation logo before "Codex" title [] Fix right-hand menu (currently you get an empty menu when you click the three-dot button) [] Use our system colors (more details in [[ https://phabricator.wikimedia.org/T308488#:~:text=actually%20being%20used)%3A-,Background%20colors%3A,-%23FFFFFFB3%20by%20%23fff | this comment ]]) [] Left menu: [] Use @color-base #202122 and Regular text for sections (more details in [[ https://phabricator.wikimedia.org/T308488#:~:text=the%20left%20menu.-,The%20color%20with,-opacity%20used%20for | this comment ]]) [] Apply selected state (blue left line) like the one you used in the [[ https://www.figma.com/file/4IDX6oVdTpuzFu48irscKL/Codex-improvements---T304062?node-id=1013%3A11180 | design proposal ]] [] The gray #F8F9FA background distracts from the demo. Would it be possible to use white background and add a gray right border to separate the menu from the demo? [] Right menu: [] Increase the text size to 14/20 (same text size used in the left menu) [] Collapsed menu (when responsive): [] "Menu" and "Return to top" is too small (12px). Would it be possible to use 16px instead?

There have been a few releases since we last updated. === Acceptance criteria [ ] Review the changes [ ] Update the package [ ] Make any necessary config updates --- ==== Design review [] Codex site's title/logo [] Increase text size to 20 (1.25em)/25 (1.25) [] Fix hover state: use @color-base--hover (#404244) insted [] Add Wikimedia Foundation logo before "Codex" title [] Fix right-hand menu (currently you get an empty menu when you click the three-dot button) [] Use our system colors (more details in [[ https://phabricator.wikimedia.org/T308488#:~:text=actually%20being%20used)%3A-,Background%20colors%3A,-%23FFFFFFB3%20by%20%23fff | this comment ]]) [] Left menu: [] Use @color-base #202122 and Regular text for sections (more details in [[ https://phabricator.wikimedia.org/T308488#:~:text=the%20left%20menu.-,The%20color%20with,-opacity%20used%20for | this comment ]]) [] Apply selected state (blue left line) like the one you used in the [[ https://www.figma.com/file/4IDX6oVdTpuzFu48irscKL/Codex-improvements---T304062?node-id=1013%3A11180 | design proposal ]] [] The gray #F8F9FA background distracts from the demo. Would it be possible to use white background and add a gray right border to separate the menu from the demo? [] Right menu: [] Increase the text size to 14/20 (same text size used in the left menu) [] Collapsed menu (when responsive): [] "Menu" and "Return to top" is too small (12px). Would it be possible to use 16px instead?

There have been a few releases since we last updated. ####=== Acceptance criteria [ ] Review the changes [ ] Update the package [ ] Make any necessary config updates ####--- ==== Design review [] Codex site's title/logo [] Increase text size to 20 (1.25em)/25 (1.25) [] Fix hover state: use @color-base--hover (#404244) insted [] Add Wikimedia Foundation logo before "Codex" title [] Fix right-hand menu (currently you get an empty menu when you click the three-dot button) [] Use our system colors (more details in [[ https://phabricator.wikimedia.org/T308488#:~:text=actually%20being%20used)%3A-,Background%20colors%3A,-%23FFFFFFB3%20by%20%23fff | this comment ]]) [] Left menu: [] Use @color-base #202122 and Regular text for sections (more details in [[ https://phabricator.wikimedia.org/T308488#:~:text=the%20left%20menu.-,The%20color%20with,-opacity%20used%20for | this comment ]]) [] Apply selected state (blue left line) like the one you used in the [[ https://www.figma.com/file/4IDX6oVdTpuzFu48irscKL/Codex-improvements---T304062?node-id=1013%3A11180 | design proposal ]] [] The gray #F8F9FA background distracts from the demo. Would it be possible to use white background and add a gray right border to separate the menu from the demo? [] Right menu: [] Increase the text size to 14/20 (same text size used in the left menu) [] Collapsed menu (when responsive): [] "Menu" and "Return to top" is too small (12px). Would it be possible to use 16px instead?