Change Details

**Motivation** Users should be able to merge versions when they encounter an edit conflict. This should be done in the selected paragraph. However, since people should always know that all paragraphs are in theory editable, both show the edit button, just in different states of activity **Acceptance Criteria** [] If a version is not selected, it shows a deactivated (not clickable) edit icon in gray (#72777D) [] If a version is selected, it shows an active edit icon in black. [] If the text block is unchanged text, the edit button is always active [] The clickable area of the edit button might be bigger then the icon itself ( use the OOui default ) [] If users click on the activated edit icon, [] The text box becomes a wikitext editor (without any editing toolbar) [] The font changes to wikitext layout for both paragraphs (the selected and the non selected one), or for the unchanged text that is now in edit mode [] The edit icon within the editor disappears. Instead, there appears [] A checkmark button: When this is clicked, the boxes content is "pre-saved", and displayed as content of the text box. This also resets the editor to being a text box, and at that point the inline diff will disappear (for changed paragraphs). [] A back arrow button: When this is clicked, a confirmation prompt appears (default OOui Popup) and asks you: "**Discard changes?** Your text will be reset to what it was when the edit conflict occurred. [cancel] [discard]" (see example for [[https://cdn-images-1.medium.com/max/800/0*VQ5m5ilnQs4Lmuwt.png|reference]].) If the user agrees, the box’s content is reset to what it was when the edit conflict occurred, and back in text box mode (not editor), with the inline diff working again (for changed paragraphs) [] When the user hits save at the end of the screen to resolve the edit conflict, please use the content of the open edit windows, and not of the previous version **Note** Please use the OOUI-icons, if they look very different to the mock, please talk to @Hanna_Petruschat_WMDE or @Charlie_WMDE **Mock** Inactive and active edit buttons: {F18567479} Editor: {F18567501}

**Motivation** Users should be able to merge versions when they encounter an edit conflict. This should be done in the selected paragraph. However, since people should always know that all paragraphs are in theory editable, both show the edit button, just in different states of activity **Acceptance Criteria** [] If users click on the activated edit icon, [] The text box becomes a wikitext editor (without any editing toolbar) [] The font changes to wikitext layout for both paragraphs (the selected and the non selected one), or for the unchanged text that is now in edit mode [] The edit icon within the editor disappears. Instead, there appears [] A checkmark button: When this is clicked, the boxes content is "pre-saved", and displayed as content of the text box. This also resets the editor to being a text box, and at that point the inline diff will disappear (for changed paragraphs). [] A back arrow button: When this is clicked, a confirmation prompt appears (default OOui Popup) and asks you: "**Discard changes?** Your text will be reset to what it was when the edit conflict occurred. [cancel] [discard]" (see example for [[https://cdn-images-1.medium.com/max/800/0*VQ5m5ilnQs4Lmuwt.png|reference]].) If the user agrees, the box’s content is reset to what it was when the edit conflict occurred, and back in text box mode (not editor), with the inline diff working again (for changed paragraphs) [] When the user hits save at the end of the screen to resolve the edit conflict, please use the content of the open edit windows, and not of the previous version **Note** Please use the OOUI-icons, if they look very different to the mock, please talk to @Hanna_Petruschat_WMDE or @Charlie_WMDE **Mock** Inactive and active edit buttons: {F18567479} Editor: {F18567501}

**Motivation** Users should be able to merge versions when they encounter an edit conflict. This should be done in the selected paragraph. However, since people should always know that all paragraphs are in theory editable, both show the edit button, just in different states of activity **Acceptance Criteria** [] If a version is not selected, it shows a deactivated (not clickable) edit icon in gray (#72777D) [] If a version is selected, it shows an active edit icon in black. [] If the text block is unchanged text, the edit button is always active [] The clickable area of the edit button might be bigger then the icon itself ( use the OOui default ) [] If users click on the activated edit icon, [] The text box becomes a wikitext editor (without any editing toolbar) [] The font changes to wikitext layout for both paragraphs (the selected and the non selected one), or for the unchanged text that is now in edit mode [] The edit icon within the editor disappears. Instead, there appears [] A checkmark button: When this is clicked, the boxes content is "pre-saved", and displayed as content of the text box. This also resets the editor to being a text box, and at that point the inline diff will disappear (for changed paragraphs). [] A back arrow button: When this is clicked, a confirmation prompt appears (default OOui Popup) and asks you: "**Discard changes?** Your text will be reset to what it was when the edit conflict occurred. [cancel] [discard]" (see example for [[https://cdn-images-1.medium.com/max/800/0*VQ5m5ilnQs4Lmuwt.png|reference]].) If the user agrees, the box’s content is reset to what it was when the edit conflict occurred, and back in text box mode (not editor), with the inline diff working again (for changed paragraphs) [] When the user hits save at the end of the screen to resolve the edit conflict, please use the content of the open edit windows, and not of the previous version **Note** Please use the OOUI-icons, if they look very different to the mock, please talk to @Hanna_Petruschat_WMDE or @Charlie_WMDE **Mock** Inactive and active edit buttons: {F18567479} Editor: {F18567501}