Change Details

===Background Following in the footsteps of the growth team, we will use their in-context help button to link to both the template help page and project discussion page for users to leave feedback as they encounter it. **Phab ticket references** Initial implementation: {T206711} Updated styling and screenshare showing interaction: T292933#7458162 Open OOUI integration tickets: {T280330} {T278134} ===Requirements [] Reuse the growth team's component for in-context help (sticky floating button with adapted dialog when open) [] Use quiet progressive buttons for the links. Help page should link to https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide#Editing_templates (en, needs to be updated) and https://de.wikipedia.org/wiki/Hilfe:Vorlagen/VisualEditor (de). And the feedback link should go to https://meta.wikimedia.org/wiki/Talk:WMDE_Technical_Wishes/VisualEditor_template_dialog_improvements (en) and https://de.wikipedia.org/w/index.php?title=Wikipedia_Diskussion:Technische_W%C3%BCnsche/Topw%C3%BCnsche/Verbesserungen_im_Vorlagendialog_des_VisualEditors&action=edit&redlink=1 NOTE: Exact copy of the text in the dialog is in progress and will be finalized soon. ===Nice to haves [] First time someone opens the new dialog layout, the help pop-up is open. Every time after, the default is closed. [] Animation matches existing example [] Dialog doesn't break when user zooms [] Screenreader label or aria `described-by` clearly announce what will happen when the button is clicked with text: "Open template editing support dialog" ===Mocks ||Mock|Specs| |Collapsed|{F34724410}|{F34724411}| |Expanded|{F34724575}|{F34724576}|

===Background Following in the footsteps of the growth team, we will use their in-context help button to link to both the template help page and project discussion page for users to leave feedback as they encounter it. **Phab ticket references** Initial implementation: {T206711} Updated styling and screenshare showing interaction: T292933#7458162 Open OOUI integration tickets: {T280330} {T278134} ===Requirements [] Reuse the growth team's component for in-context help (sticky floating button with adapted dialog when open) [] Use quiet progressive buttons for the links. Help page should link to https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide#Editing_templates (en, needs to be updated) and https://de.wikipedia.org/wiki/Hilfe:Vorlagen/VisualEditor (de). And the feedback link should go to https://meta.wikimedia.org/wiki/Talk:WMDE_Technical_Wishes/VisualEditor_template_dialog_improvements (en) and https://de.wikipedia.org/w/index.php?title=Wikipedia_Diskussion:Technische_W%C3%BCnsche/Topw%C3%BCnsche/Verbesserungen_im_Vorlagendialog_des_VisualEditors&action=edit&redlink=1 Dialog title: "Template editing support" Dialog paragraph text: "Templates provide formatting for content. This editor shows what options a template provides on the left and values can then be added to those options on the right." Note for RTL translators that the right and left need to be switched (can we let them know somehow?) ===Nice to haves [] First time someone opens the new dialog layout, the help pop-up is open. Every time after, the default is closed. [] Animation matches existing example [] Dialog doesn't break when user zooms [] Screenreader label or aria `described-by` clearly announce what will happen when the button is clicked with text: "Open template editing support dialog" ===Mocks ||Mock|Specs| |Collapsed|{F34724410}|{F34738039}| |Expanded|{F34724575}|{F34738037}|

===Background Following in the footsteps of the growth team, we will use their in-context help button to link to both the template help page and project discussion page for users to leave feedback as they encounter it. **Phab ticket references** Initial implementation: {T206711} Updated styling and screenshare showing interaction: T292933#7458162 Open OOUI integration tickets: {T280330} {T278134} ===Requirements [] Reuse the growth team's component for in-context help (sticky floating button with adapted dialog when open) [] Use quiet progressive buttons for the links. Help page should link to https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide#Editing_templates (en, needs to be updated) and https://de.wikipedia.org/wiki/Hilfe:Vorlagen/VisualEditor (de). And the feedback link should go to https://meta.wikimedia.org/wiki/Talk:WMDE_Technical_Wishes/VisualEditor_template_dialog_improvements (en) and https://de.wikipedia.org/w/index.php?title=Wikipedia_Diskussion:Technische_W%C3%BCnsche/Topw%C3%BCnsche/Verbesserungen_im_Vorlagendialog_des_VisualEditors&action=edit&redlink=1 NOTE: Exact copy of the text in the dialog is in progress and will be finalized soon.Dialog title: "Template editing support" Dialog paragraph text: "Templates provide formatting for content. This editor shows what options a template provides on the left and values can then be added to those options on the right." Note for RTL translators that the right and left need to be switched (can we let them know somehow?) ===Nice to haves [] First time someone opens the new dialog layout, the help pop-up is open. Every time after, the default is closed. [] Animation matches existing example [] Dialog doesn't break when user zooms [] Screenreader label or aria `described-by` clearly announce what will happen when the button is clicked with text: "Open template editing support dialog" ===Mocks ||Mock|Specs| |Collapsed|{F34724410}|{F34724411}|38039}| |Expanded|{F34724575}|{F34724576}|38037}|