Change Details

Based on the investigation in T344515, we've uncovered that there's some unnecessary font-sizes in Vector that can be standardized. In general, we want to have consistent 'small' and 'regular' font sizes. For now, 'small' should be 12px and 'regular' should be 14px. The goal of this task is to clean up values smaller than, or in between 12-14px. - Change page toolbar font-size from 13px to 14px - Change #siteSub from 12.8 to 12px - Change dropdown [hide] labels from 13.3333px to 12px - Change section edit button from 13px to 12px Special attention should be taken to check the `#siteSub` element, since this is used on special page, can contain user generated content or elements like breadcrumbs. When context-specific variables are used, such as `@font-size-tabs` these should refer to generic font-size variables instead of hard-coded or computed values. Below is a screenshot highlighting the non-standard font-sizes in the DOM. Created by pasting [[ https://gist.github.com/jandre3000/9f3d5937170a59a405e9f2a06e3eb9df | this Gist ]] into the browser console. {F37691184} TLDR; //The less red, the better.// == Signoff criteria [] Message upcoming changes to the communities

Based on the investigation in T344515, we've uncovered that there's some unnecessary font-sizes in Vector that can be standardized. Among them the 13px font-size in the toolbar area. {F37691184} This task focuses on changing the toolbar area font-size from 13px to 14px. ###Technical notes - This font-size is set via the `@font-size-tabs` variable, which is defined as `@font-size-tabs: unit( 13 / @font-size-browser, em );` - This variable is used in mixins that are used in **legacy Vector. ** - This variable is also used in `.mixin-vector-arrowed-dropdown-toggle` and in other places such as the **watchstar width & height** in legacy Vector. Due to this interdependence, this task should be undertaken after the variables in legacy and modern Vector have been separated. ###AC - [ ] The font-size of the text in the toolbar is 14px. - [ ] Text in the dropdowns (e.g. Tools menu) in the toolbar is 14px - [ ] When the Tools menu is unpinned (in the left sidebar) the text size is still 14px - [ ] The text in the language variants dropdown is 14px

Based on the investigation in T344515, we've uncovered that there's some unnecessary font-sizes in Vector that can be standardized. In general, we want to have consistent 'small' and 'regular' font sizes. For now, 'small' should be 12px and 'regular' should be 14pxAmong them the 13px font-size in the toolbar area. The goal of this task is to clean up values smaller than{F37691184} This task focuses on changing the toolbar area font-size from 13px to 14px. ###Technical notes - This font-size is set via the `@font-size-tabs` variable, which is defined as `@font-size-tabs: unit( 13 / @font-size-browser, em );` - This variable is used in mixins that are used in **legacy Vector. ** - This variable is also used in `.mixin-vector-arrowed-dropdown-toggle` and in other places such as the **watchstar width & height** in legacy Vector. Due to this interdependence, or in betwthis task should be undertaken after the variables in legacy and modern Vector have been 12-14pxseparated. - Change page toolbar font-size from 13px to 14px###AC - Change #siteSub from 12.8 to 12px- [ ] The font-size of the text in the toolbar is 14px. - Chang- [ ] Text in the dropdown [hide] labels from 13.3333px to 12pxs (e.g. Tools menu) in the toolbar is 14px - Change section edit button from 13px to 12px Special attention should be taken to check the `#siteSub` element, since this is used on special page, can contain user generated content or elements like breadcrumbs. When context-specific variables are used, such as `@font-size-tabs` these should refer to generic font-size variables instead of hard-coded or computed values. Below is a screenshot highlighting the non-standard font-sizes in the DOM. Created by pasting [[ https://gist.github.com/jandre3000/9f3d5937170a59a405e9f2a06e3eb9df | this Gist ]] into the browser console. {F37691184} TLDR; //The less red, the better.// == Signoff criteria[ ] When the Tools menu is unpinned (in the left sidebar) the text size is still 14px [] Message upcoming changes to the communities- [ ] The text in the language variants dropdown is 14px