| • alexhollender_WMF | |
| Sep 15 2022, 9:20 PM |
| F35865562: Captura de Pantalla 2022-12-15 a las 10.22.03.png | |
| Dec 15 2022, 9:24 AM |
| F35865553: Captura de Pantalla 2022-12-15 a las 10.10.11.png | |
| Dec 15 2022, 9:24 AM |
| F35521744: Screen Shot 2022-09-15 at 5.20.33 PM.png | |
| Sep 15 2022, 9:21 PM |
| F35521743: Screen Shot 2022-09-15 at 5.20.13 PM.png | |
| Sep 15 2022, 9:21 PM |
| F35521742: Screen Shot 2022-09-15 at 5.18.47 PM.png | |
| Sep 15 2022, 9:21 PM |
| F35521741: Screen Shot 2022-09-15 at 5.19.12 PM.png | |
| Sep 15 2022, 9:21 PM |
| F35521735: Screen Shot 2022-09-15 at 5.15.53 PM.png | |
| Sep 15 2022, 9:21 PM |
| F35521733: Screen Shot 2022-09-15 at 5.15.25 PM.png | |
| Sep 15 2022, 9:21 PM |
Below 720px the tabs on the right of the article toolbar (Read, Edit, Edit source, View history, etc.) get collapsed into a menu. How should we style the active menu item/link when they are in a menu, and no longer tabs? For example:
| article in read mode | article in view history mode |
|---|---|
 |  |
| article in read mode | article in view history mode |
|---|---|
 |  |
| article in read mode | article in view history mode |
|---|---|
 |  |
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | ovasileva | T317884 [EPIC] Vector 2022 post-deployment work | |||
| Open | Jdrewniak | T317926 [Design] How should we style the active menu item/link when tabs are collapsed into a menu? |
cc @bmartinezcalvo @Sarai-WMDE, this is an interesting question related to menu link styling. I've also made a note of it in our Figma doc.
Hey @alexhollender_WMF. Thanks for the ping! I think that, once collapsed, the tabs should lose their own component properties and adopt that of a contextual navigational menu. For consistency, active items in the collapsed tabs menu should follow the style of the selected elements within the ToC's menu. In production, that'd be bold and #202122, but following Bárbara's comment in T309463: [Talk pages] Polish the design for the table of contents shown on talk pages, it seems that the correct style would be #2A4B8D (color-progressive--active) and bold.
@Jdlrobson @ovasileva I think we're getting close to a point where we need a design decision here, right? It seems like bold + black would be the correct styling for now.
@alexhollender_WMF the active and selected state for menu items use background-color-progressive-subtle.
If the selected option will be finally visible, I think we should use the same solution as in the system menu-item since when the tabs collapse they become a menu. If we use a menu then the selected item should use background-color-progressive-subtle.
Per the web team's quarterly grooming, these tasks are being removed from the team's backlog.