diff --git a/assets/images/help/repository/comment-menu-block-user.png b/assets/images/help/repository/comment-menu-block-user.png index 9775e480a240..5094a8a10ee0 100644 Binary files a/assets/images/help/repository/comment-menu-block-user.png and b/assets/images/help/repository/comment-menu-block-user.png differ diff --git a/assets/images/help/repository/comment-menu-delete.png b/assets/images/help/repository/comment-menu-delete.png new file mode 100644 index 000000000000..d0dcb6d405e0 Binary files /dev/null and b/assets/images/help/repository/comment-menu-delete.png differ diff --git a/assets/images/help/repository/comment-menu-edit.png b/assets/images/help/repository/comment-menu-edit.png new file mode 100644 index 000000000000..44e857653a8f Binary files /dev/null and b/assets/images/help/repository/comment-menu-edit.png differ diff --git a/assets/images/help/repository/comment-menu-hidden.png b/assets/images/help/repository/comment-menu-hidden.png index 3b8c5831e199..8f0d359804e0 100644 Binary files a/assets/images/help/repository/comment-menu-hidden.png and b/assets/images/help/repository/comment-menu-hidden.png differ diff --git a/assets/images/help/repository/comment-menu-hide.png b/assets/images/help/repository/comment-menu-hide.png new file mode 100644 index 000000000000..c634fe67c9a2 Binary files /dev/null and b/assets/images/help/repository/comment-menu-hide.png differ diff --git a/assets/images/help/repository/comment-menu-unblock-user.png b/assets/images/help/repository/comment-menu-unblock-user.png index 808b36fea606..b38abceba575 100644 Binary files a/assets/images/help/repository/comment-menu-unblock-user.png and b/assets/images/help/repository/comment-menu-unblock-user.png differ diff --git a/assets/images/help/repository/content-redacted-comment.png b/assets/images/help/repository/content-redacted-comment.png index ea55d8968d71..a631071b74db 100644 Binary files a/assets/images/help/repository/content-redacted-comment.png and b/assets/images/help/repository/content-redacted-comment.png differ diff --git a/assets/images/help/repository/copy-link-button-updated-2.png b/assets/images/help/repository/copy-link-button-updated-2.png index 26c70e30c13a..bbf6c39c5341 100644 Binary files a/assets/images/help/repository/copy-link-button-updated-2.png and b/assets/images/help/repository/copy-link-button-updated-2.png differ diff --git a/assets/images/help/repository/copy-remote-repository-url-quick-setup.png b/assets/images/help/repository/copy-remote-repository-url-quick-setup.png index 8dd0042d66ce..f7d6d87e00db 100644 Binary files a/assets/images/help/repository/copy-remote-repository-url-quick-setup.png and b/assets/images/help/repository/copy-remote-repository-url-quick-setup.png differ diff --git a/assets/images/help/repository/create-commit-open-readme.png b/assets/images/help/repository/create-commit-open-readme.png index b59e4ae473d0..dfadbf56a3a5 100644 Binary files a/assets/images/help/repository/create-commit-open-readme.png and b/assets/images/help/repository/create-commit-open-readme.png differ diff --git a/assets/images/help/repository/create-commit-review.png b/assets/images/help/repository/create-commit-review.png index bd44916db6dd..eb15b943fc44 100644 Binary files a/assets/images/help/repository/create-commit-review.png and b/assets/images/help/repository/create-commit-review.png differ diff --git a/assets/images/help/repository/cross-repository-code-navigation.png b/assets/images/help/repository/cross-repository-code-navigation.png index a7eca67d70ac..3f159a8650e5 100644 Binary files a/assets/images/help/repository/cross-repository-code-navigation.png and b/assets/images/help/repository/cross-repository-code-navigation.png differ diff --git a/assets/images/help/repository/csv_render_error.png b/assets/images/help/repository/csv_render_error.png index 9e791da0f022..f91a84aa5964 100644 Binary files a/assets/images/help/repository/csv_render_error.png and b/assets/images/help/repository/csv_render_error.png differ diff --git a/content/communities/maintaining-your-safety-on-github/blocking-a-user-from-your-organization.md b/content/communities/maintaining-your-safety-on-github/blocking-a-user-from-your-organization.md index f663cbb58a68..3731979993dc 100644 --- a/content/communities/maintaining-your-safety-on-github/blocking-a-user-from-your-organization.md +++ b/content/communities/maintaining-your-safety-on-github/blocking-a-user-from-your-organization.md @@ -45,7 +45,8 @@ In your organization's repositories, blocked users also cannot: 1. Navigate to the comment whose author you would like to block. 1. In the upper-right corner of the comment, click {% octicon "kebab-horizontal" aria-label="Show options" %}, then click **Block user**. - ![The horizontal kebab icon and comment moderation menu showing the block user option](/assets/images/help/repository/comment-menu-block-user.png) + ![Screenshot of a pull request comment by octo-user. Below an icon of three horizontal dots, a dropdown menu is expanded, and "Block user" is outlined in orange.](/assets/images/help/repository/comment-menu-block-user.png) + 1. If you'd like to set a time limit for the block, select the **Block user** dropdown menu, and click the amount of time you'd like to block the user. 1. If you'd like to hide all of the comments the user has made in the organization, select **Hide this user's comments** and choose a reason. 1. If you'd like to notify the user why they're being blocked, select **Send a notification to this user**. diff --git a/content/communities/maintaining-your-safety-on-github/unblocking-a-user-from-your-organization.md b/content/communities/maintaining-your-safety-on-github/unblocking-a-user-from-your-organization.md index eddcff6b2702..87673a4c1f11 100644 --- a/content/communities/maintaining-your-safety-on-github/unblocking-a-user-from-your-organization.md +++ b/content/communities/maintaining-your-safety-on-github/unblocking-a-user-from-your-organization.md @@ -27,7 +27,8 @@ If you selected a specific amount of time to block the user, they will be automa 1. Navigate to the comment whose author you would like to unblock. 1. In the upper-right corner of the comment, click {% octicon "kebab-horizontal" aria-label="Show options" %}, then click **Unblock user**. - ![The horizontal kebab icon and comment moderation menu showing the unblock user option](/assets/images/help/repository/comment-menu-unblock-user.png) + ![Screenshot of a pull request comment by octo-user. Below an icon of three horizontal dots, a dropdown menu is expanded, and "Unblock user" is outlined in orange.](/assets/images/help/repository/comment-menu-unblock-user.png) + 1. To confirm you would like to unblock the user, click **OK**. ## Unblocking a user in the organization settings diff --git a/content/communities/moderating-comments-and-conversations/managing-disruptive-comments.md b/content/communities/moderating-comments-and-conversations/managing-disruptive-comments.md index 6baf9575afe5..3ccad9f39144 100644 --- a/content/communities/moderating-comments-and-conversations/managing-disruptive-comments.md +++ b/content/communities/moderating-comments-and-conversations/managing-disruptive-comments.md @@ -26,13 +26,10 @@ If a comment is off-topic, outdated, or resolved, you may want to hide a comment 1. Navigate to the comment you'd like to hide. 2. In the upper-right corner of the comment, click {% octicon "kebab-horizontal" aria-label="The horizontal kebab icon" %}, then click **Hide**. - ![The horizontal kebab icon and comment moderation menu showing the edit, hide, delete options](/assets/images/help/repository/comment-menu.png) + + ![Screenshot of a pull request comment by octo-user. Below an icon of three horizontal dots, a dropdown menu is expanded, and "Hide" is outlined in orange.](/assets/images/help/repository/comment-menu-hide.png) + 3. Using the "Choose a reason" drop-down menu, click a reason to hide the comment. Then click, **Hide comment**. - {% ifversion fpt or ghec %} - ![Choose reason for hiding comment drop-down menu](/assets/images/help/repository/choose-reason-for-hiding-comment.png) - {% else %} - ![Choose reason for hiding comment drop-down menu](/assets/images/help/repository/choose-reason-for-hiding-comment-ghe.png) - {% endif %} ## Unhiding a comment @@ -41,7 +38,8 @@ If a comment is off-topic, outdated, or resolved, you may want to hide a comment 1. Navigate to the comment you'd like to unhide. 1. On the right side of the comment, click **{% octicon "fold" aria-hidden="true" %} Show comment**. 1. On the right side of the expanded comment, select the {% octicon "kebab-horizontal" aria-label="Show options" %} dropdown menu, then click **Unhide**. - ![The horizontal kebab icon and comment moderation menu showing the edit, unhide, delete options](/assets/images/help/repository/comment-menu-hidden.png) + + ![Screenshot of a pull request comment marked as spam. Below an icon of three horizontal dots, a dropdown menu is expanded, and "Unhide" is outlined in orange.](/assets/images/help/repository/comment-menu-hidden.png) ## Editing a comment @@ -53,7 +51,7 @@ Sometimes it may make sense to clearly indicate edits and their justification. That said, anyone with read access to a repository can view a comment's edit history. The **edited** dropdown at the top of the comment contains a history of edits showing the user and timestamp for each edit. -![Comment with added note that content was redacted](/assets/images/help/repository/content-redacted-comment.png) +![Screenshot of a comment by octo-user, which has been partially redacted. In the comment header, next to the text "edited by octocat", a dropdown icon is outlined in orange.](/assets/images/help/repository/content-redacted-comment.png) ## Redacting sensitive information @@ -62,7 +60,8 @@ Comment authors and anyone with write access to a repository can also delete sen 1. Navigate to the comment you'd like to edit. 1. In the upper-right corner of the comment, click {% octicon "kebab-horizontal" aria-label="Show options" %}, then click **Edit**. - ![The horizontal kebab icon and comment moderation menu showing the edit, hide, delete, and report options](/assets/images/help/repository/comment-menu.png) + ![Screenshot of a pull request comment by octo-user. Below an icon of three horizontal dots, a dropdown menu is expanded, and "Edit" is outlined in orange.](/assets/images/help/repository/comment-menu-edit.png) + 1. In the comment window, delete the content you'd like to remove, then type `[REDACTED]` to replace it. 1. At the bottom of the comment, type a note indicating that you have edited the comment, and optionally, why you edited the comment. 1. Click **Update comment**. @@ -89,7 +88,7 @@ Deleting a comment creates a timeline event that is visible to anyone with read 1. Navigate to the comment you'd like to delete. 2. In the upper-right corner of the comment, click {% octicon "kebab-horizontal" aria-label="The horizontal kebab icon" %}, then click **Delete**. - ![The horizontal kebab icon and comment moderation menu showing the edit, hide, delete, and report options](/assets/images/help/repository/comment-menu.png) + ![Screenshot of a pull request comment by octo-user. Below an icon of three horizontal dots, a dropdown menu is expanded, and "Delete" is outlined in orange.](/assets/images/help/repository/comment-menu-delete.png) 3. Optionally, write a comment noting that you deleted a comment and why. {% ifversion fpt or ghec %} diff --git a/content/get-started/quickstart/create-a-repo.md b/content/get-started/quickstart/create-a-repo.md index 3b1e0b95016f..cf336c4d3364 100644 --- a/content/get-started/quickstart/create-a-repo.md +++ b/content/get-started/quickstart/create-a-repo.md @@ -79,12 +79,14 @@ When you created your new repository, you initialized it with a *README* file. * Let's commit a change to the README file. 1. In your repository's list of files, select **README.md**. - ![README file in file list](/assets/images/help/repository/create-commit-open-readme.png) + + ![Screenshot of a list of files in a repository. A file name, "README.md", is highlighted with an orange outline.](/assets/images/help/repository/create-commit-open-readme.png) {% data reusables.repositories.edit-file-button %} 3. In the text box, type some information about yourself. {% data reusables.files.preview_change %} -1. Review the changes you made to the file. You will see the new content in green. - ![File preview view](/assets/images/help/repository/create-commit-review.png) +1. Review the changes you made to the file. If you select **Show diff**, you will see the new content in green. + + ![Screenshot of the "Preview" view for a file. A checkbox labeled "Show diff" is selected, and an addition to the file is indicated by a green line marker. Both are outlined in orange.](/assets/images/help/repository/create-commit-review.png) {% data reusables.files.write_commit_message %} {% data reusables.files.choose_commit_branch %} {% data reusables.files.propose_file_change %} diff --git a/content/get-started/using-git/splitting-a-subfolder-out-into-a-new-repository.md b/content/get-started/using-git/splitting-a-subfolder-out-into-a-new-repository.md index 3b8ec70a6bf9..5877f7ac7e62 100644 --- a/content/get-started/using-git/splitting-a-subfolder-out-into-a-new-repository.md +++ b/content/get-started/using-git/splitting-a-subfolder-out-into-a-new-repository.md @@ -54,9 +54,9 @@ If you create a new clone of the repository, you won't lose any of your Git hist 6. [Create a new repository](/repositories/creating-and-managing-repositories/creating-a-new-repository) on {% data variables.product.product_name %}. -7. At the top of your new repository on {% ifversion ghae %}{% data variables.product.product_name %}{% else %}{% data variables.location.product_location %}{% endif %}'s Quick Setup page, click {% octicon "clippy" aria-label="The copy to clipboard icon" %} to copy the remote repository URL. +7. At the top of your new repository on {% ifversion ghae %}{% data variables.product.product_name %}{% else %}{% data variables.location.product_location %}{% endif %}'s Quick Setup page, click {% octicon "copy" aria-label="Copy to clipboard" %} to copy the remote repository URL. - ![Copy remote repository URL field](/assets/images/help/repository/copy-remote-repository-url-quick-setup.png) + ![Screenshot of the "Quick Setup" header in a repository. Next to the remote URL, an icon of two overlapping squares is highlighted with an orange outline.](/assets/images/help/repository/copy-remote-repository-url-quick-setup.png) {% tip %} diff --git a/content/migrations/importing-source-code/using-the-command-line-to-import-source-code/adding-locally-hosted-code-to-github.md b/content/migrations/importing-source-code/using-the-command-line-to-import-source-code/adding-locally-hosted-code-to-github.md index b2894d5de413..9ae5b7602a78 100644 --- a/content/migrations/importing-source-code/using-the-command-line-to-import-source-code/adding-locally-hosted-code-to-github.md +++ b/content/migrations/importing-source-code/using-the-command-line-to-import-source-code/adding-locally-hosted-code-to-github.md @@ -87,8 +87,9 @@ After you've initialized a Git repository, you can push the repository to {% dat {% mac %} {% data reusables.migrations.create-empty-repo %} -1. At the top of your repository on {% ifversion ghae %}{% data variables.product.product_name %}{% else %}{% data variables.location.product_location %}{% endif %}'s Quick Setup page, click {% octicon "clippy" aria-label="The copy to clipboard icon" %} to copy the remote repository URL. - ![Copy remote repository URL field](/assets/images/help/repository/copy-remote-repository-url-quick-setup.png) +1. At the top of your repository on {% ifversion ghae %}{% data variables.product.product_name %}{% else %}{% data variables.location.product_location %}{% endif %}'s Quick Setup page, click {% octicon "copy" aria-label="Copy to clipboard" %} to copy the remote repository URL. + + ![Screenshot of the "Quick Setup" header in a repository. Next to the remote URL, an icon of two overlapping squares is highlighted with an orange outline.](/assets/images/help/repository/copy-remote-repository-url-quick-setup.png) {% data reusables.command_line.open_the_multi_os_terminal %} 1. Change the current working directory to your local project. 1. [Add the URL for the remote repository](/get-started/getting-started-with-git/managing-remote-repositories) where your local repository will be pushed. @@ -109,8 +110,9 @@ After you've initialized a Git repository, you can push the repository to {% dat {% windows %} {% data reusables.migrations.create-empty-repo %} -1. At the top of your repository on {% ifversion ghae %}{% data variables.product.product_name %}{% else %}{% data variables.location.product_location %}{% endif %}'s Quick Setup page, click {% octicon "clippy" aria-label="The copy to clipboard icon" %} to copy the remote repository URL. - ![Copy remote repository URL field](/assets/images/help/repository/copy-remote-repository-url-quick-setup.png) +1. At the top of your repository on {% ifversion ghae %}{% data variables.product.product_name %}{% else %}{% data variables.location.product_location %}{% endif %}'s Quick Setup page, click {% octicon "copy" aria-label="Copy to clipboard" %} to copy the remote repository URL. + + ![Screenshot of the "Quick Setup" header in a repository. Next to the remote URL, an icon of two overlapping squares is highlighted with an orange outline.](/assets/images/help/repository/copy-remote-repository-url-quick-setup.png) {% data reusables.command_line.open_the_multi_os_terminal %} 1. Change the current working directory to your local project. 1. In the Command prompt, [add the URL for the remote repository](/get-started/getting-started-with-git/managing-remote-repositories) where your local repository will be pushed. @@ -131,8 +133,9 @@ After you've initialized a Git repository, you can push the repository to {% dat {% linux %} {% data reusables.migrations.create-empty-repo %} -1. At the top of your repository on {% ifversion ghae %}{% data variables.product.product_name %}{% else %}{% data variables.location.product_location %}{% endif %}'s Quick Setup page, click {% octicon "clippy" aria-label="The copy to clipboard icon" %} to copy the remote repository URL. - ![Copy remote repository URL field](/assets/images/help/repository/copy-remote-repository-url-quick-setup.png) +1. At the top of your repository on {% ifversion ghae %}{% data variables.product.product_name %}{% else %}{% data variables.location.product_location %}{% endif %}'s Quick Setup page, click {% octicon "copy" aria-label="Copy to clipboard" %} to copy the remote repository URL. + + ![Screenshot of the "Quick Setup" header in a repository. Next to the remote URL, an icon of two overlapping squares is highlighted with an orange outline.](/assets/images/help/repository/copy-remote-repository-url-quick-setup.png) {% data reusables.command_line.open_the_multi_os_terminal %} 1. Change the current working directory to your local project. 1. [Add the URL for the remote repository](/get-started/getting-started-with-git/managing-remote-repositories) where your local repository will be pushed. diff --git a/content/repositories/working-with-files/managing-files/adding-a-file-to-a-repository.md b/content/repositories/working-with-files/managing-files/adding-a-file-to-a-repository.md index 175e1cfe1b89..948d37bf821c 100644 --- a/content/repositories/working-with-files/managing-files/adding-a-file-to-a-repository.md +++ b/content/repositories/working-with-files/managing-files/adding-a-file-to-a-repository.md @@ -40,7 +40,6 @@ Files that you add to a repository via a browser are limited to {% data variable {% data reusables.files.write_commit_message %} {% data reusables.files.choose_commit_branch %} 1. Click **Commit changes**. -![Commit changes button](/assets/images/help/repository/commit-changes-button.png) ## Adding a file to a repository using the command line diff --git a/content/repositories/working-with-files/using-files/navigating-code-on-github.md b/content/repositories/working-with-files/using-files/navigating-code-on-github.md index 35d0cf8c38b2..2602c7701d92 100644 --- a/content/repositories/working-with-files/using-files/navigating-code-on-github.md +++ b/content/repositories/working-with-files/using-files/navigating-code-on-github.md @@ -75,7 +75,7 @@ If your precise results appear inaccurate, you can file a support request. Cross-repo code navigation is available for languages that are supported by precise code navigation and the dependency graph. For more information, see "[AUTOTITLE](/code-security/supply-chain-security/understanding-your-software-supply-chain/about-the-dependency-graph)." With cross-repo code navigation, you can jump to the definition of functions or variables defined in dependencies imported by your project if that dependency is a repository hosted by {% data variables.product.prodname_dotcom %}. Cross-repo code navigation does not support find-all-references requests at this time. -![Screenshot of cross-repository code navigation](/assets/images/help/repository/cross-repository-code-navigation.png) +![Screenshot of a code file on {% data variables.product.prodname_dotcom %}. On the line "import o.s.", the module name "o.s." is highlighted, and a "Definitions" modal shows a result tagged with "cross-repo result".](/assets/images/help/repository/cross-repository-code-navigation.png) ## Troubleshooting code navigation diff --git a/content/repositories/working-with-files/using-files/working-with-non-code-files.md b/content/repositories/working-with-files/using-files/working-with-non-code-files.md index 11b5fa51dc60..a26efad8fda8 100644 --- a/content/repositories/working-with-files/using-files/working-with-non-code-files.md +++ b/content/repositories/working-with-files/using-files/working-with-non-code-files.md @@ -148,14 +148,15 @@ If you want to find a certain value in your dataset, you can start typing in the ### Handling errors -Occasionally, you may discover that your CSV or TSV file isn't rendering. In those instances, an error box appears at the bottom of your raw text, suggesting what the error may be. +Occasionally, you may discover that your CSV or TSV file isn't rendering. In those instances, a message appears above your raw text, suggesting what the error may be. -![CSV render error message](/assets/images/help/repository/csv_render_error.png) +![Screenshot of a text view of a CSV file. In the header, a message points out an error: "No commas found in this CSV file in line 0."](/assets/images/help/repository/csv_render_error.png) Common errors include: * Mismatched column counts. You must have the same number of separators in each row, even if the cell is blank * Exceeding the file size. Our rendering only works for files up to 512KB. Anything bigger than that slows down the browser. +* Using unsupported delimiters, such as semicolons instead of commas. ## Rendering PDF documents diff --git a/data/reusables/files/add-file.md b/data/reusables/files/add-file.md index 7afb26c12a7e..bee5a686bd2b 100644 --- a/data/reusables/files/add-file.md +++ b/data/reusables/files/add-file.md @@ -1,2 +1,3 @@ -1. Above the list of files, using the **Add file** drop-down, click **Create new file**. - !["Create new file" in the "Add file" dropdown](/assets/images/help/repository/create_new_file.png) +1. Above the list of files, select the **Add file** dropdown, then click **Create new file**. + + ![Screenshot of the main page of the repository. Above the list of a files, a button, labeled "Add file," is outlined in dark orange.](/assets/images/help/repository/upload-files-button.png) diff --git a/data/reusables/repositories/view-specific-line.md b/data/reusables/repositories/view-specific-line.md index 612820496ab8..26d82a079cdb 100644 --- a/data/reusables/repositories/view-specific-line.md +++ b/data/reusables/repositories/view-specific-line.md @@ -1,3 +1,3 @@ 1. Optionally, to get a link to a specific line in the logs, click on the step's line number. You can then copy the link from the address bar of your web browser. - ![Button to copy link](/assets/images/help/repository/copy-link-button-updated-2.png) + ![Screenshot of the logs for a job. The logs for a failed step are expanded, and a line number is highlighted with an orange outline.](/assets/images/help/repository/copy-link-button-updated-2.png)