1
0
mirror of synced 2025-12-19 18:10:59 -05:00

Update screenshots with short alt text (#37829)

This commit is contained in:
Isaac Brown
2023-06-19 12:19:19 +01:00
committed by GitHub
parent fe8a44cb5e
commit 1826c640e9
49 changed files with 81 additions and 81 deletions

View File

@@ -21,7 +21,7 @@ You can add personal information about yourself in your bio, like previous place
{% data reusables.profile.profile-readme %}
![Profile README file displayed on profile.](/assets/images/help/repository/profile-with-readme.png)
![Screenshot of the profile page for @octocato. In the top-right corner, a profile README greets the viewer and lists information about the user's work.](/assets/images/help/repository/profile-with-readme.png)
{% endif %}

View File

@@ -45,7 +45,7 @@ Before you can connect your {% ifversion fpt or ghec %}{% data variables.product
1. Sign in to {% data variables.product.prodname_ghe_server %} and {% data variables.product.prodname_dotcom_the_website %}.
1. On {% data variables.product.prodname_ghe_server %}, in the upper-right corner of any page, click your profile photo, then click **Settings**.
![Settings icon in the user bar.](/assets/images/help/settings/userbar-account-settings.png)
![Screenshot of {% data variables.product.prodname_dotcom %}'s account menu showing options for users to view and edit their profile, content, and settings. The menu item "Settings" is outlined in dark orange.](/assets/images/help/settings/userbar-account-settings.png)
{% data reusables.github-connect.github-connect-tab-user-settings %}
{% data reusables.github-connect.connect-dotcom-and-enterprise %}
1. Review the resources that {% data variables.product.prodname_ghe_server %} will access from your {% data variables.product.prodname_dotcom_the_website %} account, then click **Authorize**.
@@ -55,7 +55,7 @@ Before you can connect your {% ifversion fpt or ghec %}{% data variables.product
1. Sign in to {% data variables.product.prodname_ghe_managed %} and {% data variables.product.prodname_dotcom_the_website %}.
1. On {% data variables.product.prodname_ghe_managed %}, in the upper-right corner of any page, click your profile photo, then click **Settings**.
![Settings icon in the user bar.](/assets/images/help/settings/userbar-account-settings.png)
![Screenshot of {% data variables.product.prodname_dotcom %}'s account menu showing options for users to view and edit their profile, content, and settings. The menu item "Settings" is outlined in dark orange.](/assets/images/help/settings/userbar-account-settings.png)
{% data reusables.github-connect.github-connect-tab-user-settings %}
{% data reusables.github-connect.connect-dotcom-and-enterprise %}
{% data reusables.github-connect.authorize-connection %}

View File

@@ -37,11 +37,11 @@ Alternatively, you can write your own protection rules for any of the above use
1. Optionally, in the **Callback URL** text field under "Identifying and authorizing users," enter the callback URL. For more information, see "[AUTOTITLE](/apps/creating-github-apps/creating-github-apps/about-the-user-authorization-callback-url)."
1. Under "Permissions," select **Repository permissions**.
1. To the right of "Actions," click the drop down menu and select **Access: Read-only**.
![A screenshot of the "Repository permissions" section when creating a new GitHub App. The button to configure permissions, with the "read-only" permission selected, for Actions is highlighted by a dark orange rectangle.](/assets/images/help/actions/actions-repo-permissions-read-only.png)
![Screenshot of the "Repository permissions" section when creating a new GitHub App. The button to configure permissions, with the "read-only" permission selected, for Actions is highlighted by a dark orange rectangle.](/assets/images/help/actions/actions-repo-permissions-read-only.png)
1. To the right of "Deployments," click the drop down menu and select **Access: Read and write**.
![A screenshot of the "Deployments" permission settings in the "Repository permissions" section while creating a new GitHub App. The button to configure permissions, with the "read-only" permission selected, for Deployments is highlighted by a dark orange rectangle.](/assets/images/help/actions/actions-deployments-repo-permissions-read-and-write.png)
![Screenshot of the "Deployments" permission settings in the "Repository permissions" section while creating a new GitHub App. The button to configure permissions, with the "read-only" permission selected, for Deployments is highlighted by a dark orange rectangle.](/assets/images/help/actions/actions-deployments-repo-permissions-read-and-write.png)
1. Under "Subscribe to events," select **Deployment protection rule**.
![A screenshot of the "Subscribe to events section" section while creating a new GitHub App. The checkbox to subscribe to the deployment protection rule event is highlighted by a dark orange rectangle.](/assets/images/help/actions/actions-subscribe-to-events-deployment-protection-rules.png)
![Screenshot of the "Subscribe to events section" section while creating a new GitHub App. The checkbox to subscribe to the deployment protection rule event is highlighted by a dark orange rectangle.](/assets/images/help/actions/actions-subscribe-to-events-deployment-protection-rules.png)
1. Install the custom deployment protection rule in your repositories and enable it for use. For more information, see "[AUTOTITLE](/actions/deployment/protecting-deployments/configuring-custom-deployment-protection-rules)."

View File

@@ -53,7 +53,7 @@ The following example shows you how {% data variables.product.prodname_actions %
```
1. Scroll to the bottom of the page and select **Create a new branch for this commit and start a pull request**. Then, to create a pull request, click **Propose new file**.
![Screenshot of the "Commit new file area" of the page.](/assets/images/help/repository/actions-quickstart-commit-new-file.png)
![Screenshot of the "Commit new file" area of the page.](/assets/images/help/repository/actions-quickstart-commit-new-file.png)
Committing the workflow file to a branch in your repository triggers the `push` event and runs your workflow.

View File

@@ -27,7 +27,7 @@ With {% data variables.product.prodname_actions %}, you can use OpenID Connect (
The following diagram gives an overview of this solution's architecture:
![A diagram of an OIDC gateway architecture, starting with a {% data variables.product.prodname_actions %} runner and ending with a private network's private service.](/assets/images/help/actions/actions-oidc-gateway.png)
![Diagram of an OIDC gateway architecture, starting with a {% data variables.product.prodname_actions %} runner and ending with a private network's private service.](/assets/images/help/actions/actions-oidc-gateway.png)
It's important that you authenticate not just that the OIDC token came from {% data variables.product.prodname_actions %}, but that it came specifically from your expected workflows, so that other {% data variables.product.prodname_actions %} users aren't able to access services in your private network. You can use OIDC claims to create these conditions. For more information, see "[AUTOTITLE](/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect#defining-trust-conditions-on-cloud-roles-using-oidc-claims)."

View File

@@ -50,7 +50,7 @@ To configure provisioning for your {% data variables.enterprise.prodname_emu_ent
1. Under **Note**, give your token a descriptive name.
2. Select the **Expiration** dropdown menu, then click **No expiration**.
3. Select the **admin:enterprise** scope.
![Screenshot showing the admin:enterprise scope.](/assets/images/help/enterprises/enterprise-pat-scope.png)
![Screenshot of a list of scopes with checkboxes. The "admin:enterprise" scope, accompanied by the text "Full control of enterprises," is selected and highlighted with an orange outline.](/assets/images/help/enterprises/enterprise-pat-scope.png)
4. Click **Generate token**.
5. To copy the token to your clipboard, click {% octicon "copy" aria-label="Copy token" %}.

View File

@@ -160,7 +160,7 @@ You can view a list of all dormant users {% ifversion ghes or ghae %} who have n
![Screenshot of the tabs above an organization name. The "People" tab is highlighted with an orange outline.](/assets/images/help/enterprises/emu-organization-people-tab.png)
4. Above the list of members, click **Type**, then select the type of members you want to view.
![Screenshot of the "Type" button.](/assets/images/help/enterprises/filter-by-member-type.png)
![Screenshot of the list of members. A dropdown menu labeled "Type" is outlined in orange, and an expanded dropdown shows options for "All members," "Managed by IdP groups," and "Managed directly."](/assets/images/help/enterprises/filter-by-member-type.png)
{% endif %}

View File

@@ -38,7 +38,7 @@ You can view or download the transaction data to keep track of your subscription
- **region:** The name of the region present in billing address.
- **postal_code:** The postal code value present in billing address.
![Screenshot of the {% data variables.product.prodname_marketplace %} Insights.](/assets/images/marketplace/marketplace-transactions.png)
![Screenshot of the "Transactions" tab in the {% data variables.product.prodname_marketplace %} listing for an app. Transactions from the past week are listed in a table layout, with a search bar labeled "Search this file...".](/assets/images/marketplace/marketplace-transactions.png)
## Accessing {% data variables.product.prodname_marketplace %} transactions

View File

@@ -50,7 +50,7 @@ To create a {% data variables.product.prodname_marketplace %} listing:
{% data reusables.user-settings.edit_marketplace_listing %}
5. Once you've created a new draft listing, you'll see an overview of the sections that you'll need to visit before your {% data variables.product.prodname_marketplace %} listing will be complete.
![Screenshot of a {% data variables.product.prodname_marketplace %} listing.](/assets/images/marketplace/marketplace-listing-overview.png)
![Screenshot of a draft {% data variables.product.prodname_marketplace %} listing. In a section labeled "Publish your app to Marketplace," unfinished action items such as "Add your contact info" are marked with orange circles.](/assets/images/marketplace/marketplace-listing-overview.png)
{% note %}

View File

@@ -110,7 +110,7 @@ If your app only works with specific languages, select up to 10 programming lang
A feature card consists of your app's logo, name, and a custom background image that captures your brand personality. {% data variables.product.prodname_marketplace %} displays this card if your app is one of the four randomly featured apps at the top of the [homepage](https://github.com/marketplace). Each app's very short description is displayed below its feature card.
![Screenshot of the feature card.](/assets/images/marketplace/marketplace-feature-card.png)
![Screenshot of a feature card for OctocatApp. The app's name and an icon of Mona are displayed on a pink background, above the description "United we code."](/assets/images/marketplace/marketplace-feature-card.png)
As you upload images and select colors, your {% data variables.product.prodname_marketplace %} draft listing will display a preview of your logo and feature card.

View File

@@ -30,7 +30,7 @@ You can add multiple public keys to your account on {% data variables.product.pr
{% ifversion upload-expired-or-revoked-gpg-key %}
To verify as many of your commits as possible, you can add expired and revoked keys. If the key meets all other verification requirements, commits that were previously signed by any of the corresponding private keys will show as verified and indicate that their signing key is expired or revoked.
![A verified commit whose key expired.](/assets/images/help/settings/gpg-verified-with-expired-key.png)
![Screenshot of a list of commits. One commit is marked with a "Verified" label. Below the label, a dropdown explains that the commit was signed, but the key has now expired.](/assets/images/help/settings/gpg-verified-with-expired-key.png)
{% endif %}
{% data reusables.gpg.supported-gpg-key-algorithms %}

View File

@@ -276,7 +276,7 @@ There are other situations where there may be no analysis for the latest commit
To check whether a branch has been scanned, go to the {% data variables.product.prodname_code_scanning_caps %} page, click the **Branch** drop-down and select the relevant branch.
![Choose a branch from the Branch drop-down menu.](/assets/images/help/repository/code-scanning-branch-dropdown.png)
![Screenshot of the "Code scanning" page. In a header row, a dropdown for a filter labeled "Branch" is expanded. In the dropdown, a branch called "release-candidate-1" is selected.](/assets/images/help/repository/code-scanning-branch-dropdown.png)
The solution in this situation is to add the name of the base branch to the `on:push` and `on:pull_request` specification in the {% data variables.product.prodname_code_scanning %} workflow on that branch and then make a change that updates the open pull request that you want to scan.

View File

@@ -94,7 +94,7 @@ For supported languages, {% data variables.product.prodname_dependabot %} automa
{% endnote %}
![Screenshot showing an alert with the "Vulnerable call" label.](/assets/images/help/repository/dependabot-alerts-vulnerable-call-label.png)
![Screenshot showing an alert with the "Vulnerable call" label. The label is outlined in orange.](/assets/images/help/repository/dependabot-alerts-vulnerable-call-label.png)
You can filter the view to show only alerts where {% data variables.product.prodname_dependabot %} detected at least one call to a vulnerable function using the `has:vulnerable-calls` filter in the search field.
@@ -196,7 +196,7 @@ If you schedule extensive work to upgrade a dependency, or decide that an alert
4. Optionally, at the top of the list of alerts, select all alerts on the page.
![Screenshot of the header section of the {% data variables.product.prodname_dependabot_alerts %} view. The "Select all" checkbox is highlighted with a dark orange outline.](/assets/images/help/graphs/select-all-alerts.png)
5. Select the "Dismiss alerts" dropdown, and click a reason for dismissing the alerts.
![Screenshot of open alerts page with "Dismiss alerts" drop-down emphasized.](/assets/images/help/graphs/dismiss-multiple-alerts.png)
![Screenshot of a list of alerts. Below the "Dismiss alerts" button, a dropdown labeled "Select a reason to dismiss" is expanded. The dropdown contains radio buttons for various options.](/assets/images/help/graphs/dismiss-multiple-alerts.png)
{% endif %}

View File

@@ -65,7 +65,7 @@ You can use the organization settings page for "Code security and analysis" to e
{% ifversion secret-scanning-push-protection %}
1. Optionally, if you want to enable push protection, click **Enable** to the right of "Push protection." {% data reusables.secret-scanning.push-protection-overview %} For more information, see "[AUTOTITLE](/code-security/secret-scanning/protecting-pushes-with-secret-scanning)."
![Enable push protection for your repository.](/assets/images/help/repository/secret-scanning-enable-push-protection.png)
![Screenshot of the "{% data variables.product.prodname_secret_scanning_caps %}" section. Next to an indented item marked "Push protection," the "Enable" button is highlighted in a dark orange outline.](/assets/images/help/repository/secret-scanning-enable-push-protection.png)
{% endif %}
{% ifversion ghae %}
1. Before you can enable {% data variables.product.prodname_secret_scanning %}, you need to enable {% data variables.product.prodname_GH_advanced_security %} first. To the right of "{% data variables.product.prodname_GH_advanced_security %}", click **Enable**.

View File

@@ -38,7 +38,7 @@ The dependency graph shows the dependencies{% ifversion fpt or ghec %} and depen
{% ifversion fpt or ghec %}
1. Optionally, to view the repositories and packages that depend on your repository, under "Dependency graph", click **Dependents**.
![Screenshot of the "Dependents" tab on the dependency graph page.](/assets/images/help/graphs/dependency-graph-dependents-tab.png){% endif %}
![Screenshot of the "Dependency graph" page. The "Dependents" tab is highlighted with an orange outline.](/assets/images/help/graphs/dependency-graph-dependents-tab.png){% endif %}
{% ifversion ghes %}
Enterprise owners can configure the dependency graph at an enterprise level. For more information, see "[AUTOTITLE](/admin/code-security/managing-supply-chain-security-for-your-enterprise/enabling-the-dependency-graph-for-your-enterprise)."

View File

@@ -27,7 +27,7 @@ By default, codespaces are created from an Ubuntu Linux image that includes a se
You can connect to your codespaces from your browser, from {% data variables.product.prodname_vscode %}, from the JetBrains Gateway application, or by using {% data variables.product.prodname_cli %}. When you connect, you are placed within the Docker container. You do not have access to the outer Linux virtual machine host.
![A diagram showing the relationship between a code editor and a codespace running on an Azure virtual machine.](/assets/images/help/codespaces/codespaces-diagram.png)
![Diagram showing the relationship between a code editor and a codespace running on an Azure virtual machine.](/assets/images/help/codespaces/codespaces-diagram.png)
## Using {% data variables.product.prodname_github_codespaces %}

View File

@@ -124,18 +124,18 @@ You can use the default keyboard shortcuts in {% data variables.product.prodname
If you don't want to use the default keyboard shortcuts in {% data variables.product.prodname_vs %} when using {% data variables.product.prodname_copilot %}, you can rebind the shortcuts in the Keyboard editor using your preferred keyboard shortcuts for each specific command.
1. In the {% data variables.product.prodname_vs %} toolbar, under **Tools**, click **Options**.
1. In the {% data variables.product.prodname_vs %} menu bar, under **Tools**, click **Options**.
![Screenshot of the Options option in the {% data variables.product.prodname_vs %} toolbar.](/assets/images/help/copilot/vs-toolbar-options.png)
![Screenshot of the {% data variables.product.prodname_vs %} menu bar. The "Tools" menu is expanded, and the "Options" item is highlighted with an orange outline.](/assets/images/help/copilot/vs-toolbar-options.png)
1. In the "Options" dialog, under **Environment**, click **Keyboard**.
1. Under "Show commands containing:", search for the command you want to rebind.
![Screenshot of the show commands containing search bar.](/assets/images/help/copilot/vs-show-commands-containing.png)
![Screenshot of the "Show commands containing" search bar. The string "tools.next" is entered in the search field.](/assets/images/help/copilot/vs-show-commands-containing.png)
1. Under "Press shortcut keys," type the shortcut you want to assign to the command, then click **Assign**.
![Screenshot of the keyboard shortcut assignment.](/assets/images/help/copilot/vs-rebind-shortcut.png)
![Screenshot of the fields for entering a new keyboard shortcut assignment.](/assets/images/help/copilot/vs-rebind-shortcut.png)
{% data reusables.copilot.enabling-or-disabling-vs %}
@@ -143,8 +143,8 @@ If you don't want to use the default keyboard shortcuts in {% data variables.pro
If you use ReSharper, {% data variables.product.prodname_copilot %} may work best when you configure ReSharper to use {% data variables.product.prodname_copilot %}'s native IntelliSense. For more information about ReSharper, see the [ReSharper documentation](https://www.jetbrains.com/resharper/documentation/documentation.html)
1. In the {% data variables.product.prodname_vs %} toolbar, under **Tools**, click **Options**.
![Screenshot of the Options option in the {% data variables.product.prodname_vs %} toolbar.](/assets/images/help/copilot/vs-toolbar-options.png)
1. In the {% data variables.product.prodname_vs %} menu bar, under **Tools**, click **Options**.
![Screenshot of {% data variables.product.prodname_vs %} menu bar. In the "Tools" menu, the "Options" item is highlighted with an orange outline.](/assets/images/help/copilot/vs-toolbar-options.png)
1. In the "Options" dialog, under **Environment**, click **IntelliSense** and then click **General**.
1. Under "General" select **{% data variables.product.prodname_vs %}** and then click **Save**.
@@ -209,14 +209,14 @@ If you don't want to use the default keyboard shortcuts in {% data variables.pro
### Rebinding keyboard shortcuts for macOS
1. Click **Code**, click **Preferences**, then click **Keyboard Shortcuts**.
1. In the menu bar, click **Code**, click **Preferences**, then click **Keyboard Shortcuts**.
![Screenshot of Visual Studio Code keyboard shortcuts.](/assets/images/help/copilot/vsc-keyboard-shortcuts-mac.png)
![Screenshot of the menu bar in {% data variables.product.prodname_vscode %}, with the "Code" menu expanded. In the "Preferences" sub-menu, the "Keyboard Shortcuts" option is highlighted in blue.](/assets/images/help/copilot/vsc-keyboard-shortcuts-mac.png)
1. In the "Keyboard Shortcuts" editor, search for the command name of the keyboard shortcut you want to change.
1. Next to the command you want to change, click the pencil icon.
![Screenshot of Keyboard shortcut editor.](/assets/images/help/copilot/vsc-edit-shortcuts-mac.png)
![Screenshot of the "Keyboard Shortcuts" editor. Next to a command labeled "Accept Inline Suggestion," a pencil icon is highlighted with an orange outline.](/assets/images/help/copilot/vsc-edit-shortcuts-mac.png)
1. Type the keystrokes you want to use for the command, then press <kbd>Enter</kbd>/<kbd>Return</kbd>.
@@ -224,12 +224,12 @@ If you don't want to use the default keyboard shortcuts in {% data variables.pro
1. Click the **File** menu, click **Preferences**, then click **Keyboard Shortcuts**.
![Screenshot of Visual Studio Code keyboard shortcuts.](/assets/images/help/copilot/vsc-keyboard-shortcuts.png)
![Screenshot of the menu bar in {% data variables.product.prodname_vscode %}, with the "File" menu expanded. In the "Preferences" sub-menu, the "Keyboard Shortcuts" option is highlighted with an orange outline.](/assets/images/help/copilot/vsc-keyboard-shortcuts.png)
1. In the "Keyboard Shortcuts" editor, search for the command name of the keyboard shortcut you want to change.
1. Next to the command you want to change, click the pencil icon.
![Screenshot of Keyboard shortcut editor.](/assets/images/help/copilot/vsc-edit-shortcuts.png)
![Screenshot of "Keyboard Shortcuts" editor. Next to a command labeled "Accept Inline Suggestion," a pencil icon is highlighted with an orange outline.](/assets/images/help/copilot/vsc-edit-shortcuts.png)
1. Type the keystrokes you want to use for the command, then press <kbd>Enter</kbd>/<kbd>Return</kbd>.
@@ -237,12 +237,12 @@ If you don't want to use the default keyboard shortcuts in {% data variables.pro
1. Click the **File** menu, click **Preferences**, then click **Keyboard Shortcuts**.
![Screenshot of Visual Studio Code keyboard shortcuts.](/assets/images/help/copilot/vsc-keyboard-shortcuts.png)
![Screenshot of the menu bar in {% data variables.product.prodname_vscode %}, with the "File" menu expanded. In the "Preferences" sub-menu, the "Keyboard Shortcuts" option is highlighted with an orange outline.](/assets/images/help/copilot/vsc-keyboard-shortcuts.png)
1. In the "Keyboard Shortcuts" editor, search for the command name of the keyboard shortcut you want to change.
1. Next to the command you want to change, click the pencil icon.
![Screenshot of Keyboard shortcut editor.](/assets/images/help/copilot/vsc-edit-shortcuts.png)
![Screenshot of "Keyboard Shortcuts" editor. Next to a command labeled "Accept Inline Suggestion," a pencil icon is highlighted with an orange outline.](/assets/images/help/copilot/vsc-edit-shortcuts.png)
1. Type the keystrokes you want to use for the command, then press <kbd>Enter</kbd>/<kbd>Return</kbd>.

View File

@@ -53,7 +53,7 @@ Depending on the policy settings configured at the enterprise level, an organiza
1. If you selected **Start from scratch**, click **Add people** or **Add teams** to add individual users, or entire teams.
1. If you selected **Add people**, in the "Enable {% data variables.product.prodname_copilot %} access for selected members of ORGANIZATION" dialog, you can either search for individual members, or you can add members in bulk by uploading a CSV file.
![Screenshot of the enable access for selected members dialog.](/assets/images/help/copilot/enable-access-for-selected-members.png)
![Screenshot of the "enable access for selected members" dialog.](/assets/images/help/copilot/enable-access-for-selected-members.png)
- To search for members, type the member's username, full name, or email address in the search bar.
- To add members in bulk, click **Upload CSV**, and then upload a CSV file including either the username or email address for each member you want to add, separated by a comma.
@@ -87,7 +87,7 @@ Removing a user from the organization(s) that had assigned them a {% data variab
1. Under "Manage access," in the search bar, type the member's username, full name, or email address.
![Screenshot of the search bar under "Manage access".](/assets/images/help/copilot/manage-access-search.png)
![Screenshot of the search bar under "Manage access". "Octocat" is entered in the search field.](/assets/images/help/copilot/manage-access-search.png)
1. To remove the member from the list of users who have access to {% data variables.product.prodname_copilot %}, click **Remove** on the right side of the page.

View File

@@ -59,15 +59,15 @@ To use {% data variables.product.prodname_copilot %} in a JetBrains IDE, you mus
1. In the left-side menu of the **Settings/Preferences** dialog box, click **Plugins**.
1. At the top of the **Settings/Preferences** dialog box, click **Marketplace**. In the search bar, search for **{% data variables.product.prodname_copilot %}**, then click **Install**.
![Screenshot of Marketplace search.](/assets/images/help/copilot/jetbrains-marketplace.png)
![Screenshot of the "Preferences" window. A tab labeled "Marketplace" is highlighted with an orange outline. In a list of search results, the installed "GitHub Copilot" plugin is marked by a selected checkbox.](/assets/images/help/copilot/jetbrains-marketplace.png)
1. After {% data variables.product.prodname_copilot %} is installed, click **Restart IDE**.
1. After your JetBrains IDE has restarted, click the **Tools** menu. Click **{% data variables.product.prodname_copilot %}**, then click **Login to {% data variables.product.prodname_dotcom %}**.
![Screenshot of JetBrains tools menu.](/assets/images/help/copilot/jetbrains-tools-menu.png)
![Screenshot of the expanded "Tools" menu and "{% data variables.product.prodname_copilot %}" sub-menu. The "Login to {% data variables.product.prodname_dotcom %}" option is highlighted in blue.](/assets/images/help/copilot/jetbrains-tools-menu.png)
1. In the "Sign in to {% data variables.product.prodname_dotcom %}" dialog box, to copy the device code and open the device activation window, click **Copy and Open**.
![Screenshot of device code copy and open.](/assets/images/help/copilot/device-code-copy-and-open.png)
![Screenshot of the "Sign in to {% data variables.product.prodname_dotcom %}" dialog. A device code is displayed above a button labeled "Copy and Open".](/assets/images/help/copilot/device-code-copy-and-open.png)
1. A device activation window will open in your browser. Paste the device code, then click **Continue**.
1. {% data variables.product.prodname_dotcom %} will request the necessary permissions for {% data variables.product.prodname_copilot %}. To approve these permissions, click **Authorize {% data variables.product.prodname_copilot %} Plugin**.
1. After the permissions have been approved, your JetBrains IDE will show a confirmation. To begin using {% data variables.product.prodname_copilot %}, click **OK**.
@@ -135,7 +135,7 @@ You can enable or disable {% data variables.product.prodname_copilot %} for all
1. To enable or disable {% data variables.product.prodname_copilot %}, click the status icon in the bottom panel of the JetBrains window.
![Screenshot of the status icon in IntelliJ IDEA.](/assets/images/help/copilot/status-icon-jetbrains.png)
![Screenshot of the IntelliJ IDEA toolbar. The {% data variables.product.prodname_copilot %} logo is highlighted with an orange outline.](/assets/images/help/copilot/status-icon-jetbrains.png)
1. If you are disabling {% data variables.product.prodname_copilot %}, you will be asked whether you want to disable it globally, or for the language of the file you are currently editing.
- To disable suggestions from {% data variables.product.prodname_copilot %} globally, click **Disable Completions**.
@@ -174,16 +174,16 @@ If you use {% data variables.product.prodname_vs %}, you can view and incorporat
## Installing the {% data variables.product.prodname_vs %} extension
To use {% data variables.product.prodname_copilot %}, you must first install the {% data variables.product.prodname_vs %} extension.
1. In the Visual Studio toolbar, click **Extensions**, then click **Manage Extensions**.
1. In the Visual Studio menu bar, click **Extensions**, then click **Manage Extensions**.
![Screenshot of the Visual Studio toolbar.](/assets/images/help/copilot/visual-studio-toolbar.png)
![Screenshot of the menu bar in Visual Studio. The "Extensions" menu is open, and the "Manage Extensions" option is highlighted with an orange outline.](/assets/images/help/copilot/visual-studio-toolbar.png)
1. In the "Manage Extensions" window, click **Visual Studio Marketplace**, search for the {% data variables.product.prodname_copilot %} extension, then click **Download**.
![Screenshot of GitHub Copilot extension for Visual Studio with the download button emphasized.](/assets/images/help/copilot/install-copilot-extension-visual-studio.png)
![Screenshot of a list of search results. Next to the {% data variables.product.prodname_copilot %} extension, the "Download" button is highlighted with an orange outline.](/assets/images/help/copilot/install-copilot-extension-visual-studio.png)
1. Close the "Manage Extensions" window, then exit and relaunch {% data variables.product.prodname_vs %}.
1. Optionally, to check that {% data variables.product.prodname_copilot %} is installed and enabled, go back to **Manage Extensions**, click **Installed** to view your currently installed extensions, then click **{% data variables.product.prodname_copilot %}** to see status information.
![Screenshot of installed extensions in Visual Studio with GitHub Copilot emphasized.](/assets/images/help/copilot/installed-copilot-extension-visual-studio.png)
![Screenshot of a list of installed extensions in Visual Studio. The "{% data variables.product.prodname_copilot %}" extension is highlighted with an orange outline.](/assets/images/help/copilot/installed-copilot-extension-visual-studio.png)
1. Open or create a new project in {% data variables.product.prodname_vs %}.
1. In the "Microsoft {% data variables.product.prodname_vs %}" dialog box, to copy your device activation code, click **OK**.
1. A device activation window will open in your browser. Paste the device code, then click **Continue**.

View File

@@ -16,7 +16,7 @@ With {% data variables.product.prodname_discussions %}, the community for your p
- Upvote discussions and comments to give higher visibility to ideas you find valuable
- Foster an inviting atmosphere for visitors and contributors to discuss goals, development, administration, and workflows
![Screenshot of the "Discussions" page for a {% data variables.product.company_short %} repository.](/assets/images/help/discussions/hero.png)
![Screenshot of the "Discussions" page for a {% data variables.product.company_short %} repository, showing a list of discussions such as "Feedback on the new layout" and "Project direction".](/assets/images/help/discussions/hero.png)
You might use repository discussions to discuss topics that are specific to the repository. If your project spans multiple repositories, you might use organization discussions to discuss topics that aren't specific to a single repository in your organization.

View File

@@ -60,7 +60,7 @@ You can choose how to sort the list of discussions.
{% data reusables.discussions.discussions-tab %}
1. To the right of the **Search all discussions** field, select the **Sort by** dropdown menu, and click a time period.
![Buttons for sorting discussions.](/assets/images/help/discussions/sort-discussions-buttons.png)
![Screenshot of a row of buttons for sorting discussions. A button labeled "Sort by: Latest activity" is highlighted with an orange outline.](/assets/images/help/discussions/sort-discussions-buttons.png)
- Sort by **Latest activity** to display the discussions with the most recent activity at the top of the list.
- Sort by **Date created** to display the discussions that were created most recently at the top of the list.

View File

@@ -116,7 +116,7 @@ You can unpin a globally pinned discussion. This will not delete the discussion,
{% data reusables.discussions.click-discussion-in-list %}
1. In the right sidebar, click {% octicon "pin" aria-hidden="true" %} **Unpin discussion**.
![Screenshot of the "Unpin discussion" option in right sidebar for discussion.](/assets/images/help/discussions/click-unpin-discussion.png)
![Screenshot of the right sidebar of a discussion. The "Unpin discussion" option is highlighted with an orange outline.](/assets/images/help/discussions/click-unpin-discussion.png)
1. Read the warning, then click **Unpin discussion**.

View File

@@ -17,7 +17,7 @@ You can use discussions insights to help understand the contribution activity, p
- **Discussions daily contributors** shows the daily count of unique users who have reacted, upvoted, marked an answer, commented, or posted in the selected time period.
- **Discussions new contributors** shows the daily count of unique new users who have reacted, upvoted, marked an answer, commented, or posted in the selected time period.
![Screenshot of the discussions dashboard.](/assets/images/help/discussions/discussions-dashboard.png)
![Screenshot of the "Community insights" page. A dashboard displays graphs for data related to Discussions, such as page views.](/assets/images/help/discussions/discussions-dashboard.png)
{% note %}
@@ -31,6 +31,6 @@ You can use discussions insights to help understand the contribution activity, p
{% data reusables.repositories.accessing-repository-graphs %}
1. In the left sidebar, click **Community**.
![Screenshot of the "Community" tab in left sidebar.](/assets/images/help/graphs/graphs-sidebar-community-tab.png)
![Screenshot of the left sidebar of the "Insights" page. The "Community" tab is highlighted in orange.](/assets/images/help/graphs/graphs-sidebar-community-tab.png)
1. Optionally, in the upper-right corner of the page, select the **Period** dropdown menu and click the time period for which you want to view data: **30 days**, **3 months**, or **1 year**.

View File

@@ -24,7 +24,7 @@ MakeCode Arcade does not support multiplayer-editing for group assignments. Inst
By default, MakeCode Arcade is configured to push to the assignment repository on {% data variables.location.product_location %}. After making progress on an assignment with MakeCode Arcade, students should push changes to {% data variables.location.product_location %} using the {% octicon "mark-github" aria-label="The GitHub mark" %}{% octicon "arrow-up" aria-label="The up arrow icon" %} button at the bottom of the screen.
![MakeCode Arcade version control functionality.](/assets/images/help/classroom/ide-makecode-arcade-version-control-button.png)
![Screenshot of the MakeCode Arcade window. At the bottom of the window, a button is labelled with the Octocat logo and an upwards-facing arrow.](/assets/images/help/classroom/ide-makecode-arcade-version-control-button.png)
## Further reading

View File

@@ -54,7 +54,7 @@ This diagram shows:
- A new branch called `feature`
- The journey that `feature` takes before it's merged into `main`
![branching diagram.](/assets/images/help/repository/branching.png)
![Diagram of the two branches. The "feature" branch diverges from the "main" branch, goes through stages for "Commit changes," "Submit pull request," and "Discuss proposed changes," and is then merged back into main.](/assets/images/help/repository/branching.png)
Have you ever saved different versions of a file? Something like:

View File

@@ -15,7 +15,7 @@ You can customize which items appear in your views using filters for item metada
To filter a view, click {% octicon "filter" aria-label="Filter by keyword or by field" %} and start typing the fields and values you would like to filter for. As you type, possible values will appear. You can also open the project command palette, by pressing {% data variables.projects.command-palette-shortcut %}, and type "Filter by" to choose from the available filters.
![Screenshot showing the location of the filter icon.](/assets/images/help/projects-v2/filter-example.png)
![Screenshot of "Mona's project". A field labeled "Filter by keyword or by field" is highlighted with an orange outline.](/assets/images/help/projects-v2/filter-example.png)
In board layout, you can click on item data to filter for items with that value. For example, click on an assignee to show only items for that assignee. To remove the filter, click the item data again.

View File

@@ -38,7 +38,7 @@ You can duplicate an existing view and use it as a base to make further changes.
When you make changes to a view - for example, sorting, reordering, filtering, or grouping the data in a view - a dot is displayed next to the view name to indicate that there are unsaved changes.
![Unsaved changes indicator.](/assets/images/help/projects/unsaved-changes.png)
![Screenshot of a tab for a view labeled "Issues by priority." Next to the view's name, a dropdown icon is marked by a blue dot.](/assets/images/help/projects/unsaved-changes.png)
If you don't want to save the changes, you can ignore this indicator. No one else will see your changes.

View File

@@ -74,7 +74,7 @@ Now, create a custom field named `Priority` and containing the values: `High`, `
Specify a priority for all issues in your project.
![Example priorities.](/assets/images/help/projects/priority_example.png)
![Screenshot showing a list of issues, each with a priority of "Low," "Medium," or "High" in the "Priority" field.](/assets/images/help/projects/priority_example.png)
## Grouping issues by priority

View File

@@ -82,7 +82,7 @@ You can only invite an individual user to collaborate on your organization-level
You can use the **Type** and **Role** drop-down menus to filter the access list.
![Screenshot showing a collaborator.](/assets/images/help/projects-v2/access-find-member.png)
![Screenshot of the "Manage access" section. The octocat is listed as a collaborator.](/assets/images/help/projects-v2/access-find-member.png)
1. Edit the role for the collaborator(s).
1. Optionally, click **Remove** to remove the collaborator(s).

View File

@@ -18,7 +18,7 @@ You can customize your organization's Overview page to show a README and pinned
Members of your organization who are signed into {% data variables.product.prodname_dotcom %}, can select a `member` or `public` view of the README and pinned repositories when they visit your organization's profile page.
![Image of an organization's profile page. In the right sidebar, a dropdown menu, labeled "View as: Public", is outlined in dark orange.](/assets/images/help/organizations/profile_view_switcher_public.png)
![Screenshot of an organization's profile page. In the right sidebar, a dropdown menu, labeled "View as: Public", is outlined in dark orange.](/assets/images/help/organizations/profile_view_switcher_public.png)
The view defaults to `member` if either a members-only README or members-only pinned repositories are present, and `public` otherwise.

View File

@@ -22,7 +22,7 @@ shortTitle: Compare branches
{% endnote %}
You can view proposed changes in a pull request in the Files changed tab.
![Pull Request Files changed tab.](/assets/images/help/pull_requests/pull-request-tabs-changed-files.png)
![Screenshot of the tabs for a pull request. The "Files changed" tab is outlined in dark orange.](/assets/images/help/pull_requests/pull-request-tabs-changed-files.png)
Rather than viewing the commits themselves, you can view the proposed changes as they'll appear in the files once the pull request is merged. The files appear in alphabetical order within the Files changed tab. Additions to the files appear in green and are prefaced by a `+` sign while content that has been removed appears in red and is prefaced by a `-` sign.

View File

@@ -162,9 +162,9 @@ gh pr create --web
{% codespaces %}
1. Once you've committed changes to your local copy of the repository, click the **Create Pull Request** icon.
![Source control side bar with staging button highlighted.](/assets/images/help/codespaces/codespaces-commit-pr-button.png)
![Screenshot of the top of the "Source Control" side bar. The pull request icon is highlighted with a dark orange outline.](/assets/images/help/codespaces/codespaces-commit-pr-button.png)
1. Check that the local branch and repository you're merging from, and the remote branch and repository you're merging into, are correct. Then give the pull request a title and a description.
![GitHub pull request side bar.](/assets/images/help/codespaces/codespaces-commit-pr.png)
![Screenshot of the "{% data variables.product.prodname_dotcom %} Pull Request" side bar with a form for creating a pull request, including "Title" and "Description" fields.](/assets/images/help/codespaces/codespaces-commit-pr.png)
1. Click **Create**.
For more information on creating pull requests in {% data variables.product.prodname_github_codespaces %}, see "[AUTOTITLE](/codespaces/developing-in-codespaces/using-github-codespaces-for-pull-requests)."

View File

@@ -36,7 +36,7 @@ A review has three possible statuses:
You can view all of the reviews a pull request has received in the Conversation timeline, and you can see reviews by repository owners and collaborators in the pull request's merge box.
![Image of reviews in a merge box.](/assets/images/help/pull_requests/merge_box/pr-reviews-in-merge-box.png)
![Screenshot of the merge box for a pull request. A review by Octocat with requested changes is listed.](/assets/images/help/pull_requests/merge_box/pr-reviews-in-merge-box.png)
{% data reusables.search.requested_reviews_search_tip %}

View File

@@ -49,7 +49,7 @@ You can configure the {% data variables.dependency-review.action_name %} to bett
1. If the pull request contains many files, use the **File filter** drop-down menu to collapse all files that don't record dependencies. This will make it easier to focus your review on the dependency changes.
![The file filter menu.](/assets/images/help/pull_requests/file-filter-menu-json.png)
![Screenshot of the "Changed files" tab. A dropdown labeled "File filter" is expanded, displaying a list of file types with checkboxes.](/assets/images/help/pull_requests/file-filter-menu-json.png)
The dependency review provides a clearer view of what has changed in large lock files, where the source diff is not rendered by default.
{% note %}

View File

@@ -55,19 +55,19 @@ You can use [{% data variables.product.prodname_github_codespaces %}](/codespace
1. Open the pull request in a codespace, as described in "[AUTOTITLE](/codespaces/developing-in-codespaces/using-github-codespaces-for-pull-requests#opening-a-pull-request-in-codespaces)."
2. In the Activity Bar, click the **GitHub Pull Request** view. This view only appears when you open a pull request in a codespace.
![Option to open PR in a codespace.](/assets/images/help/codespaces/github-pr-view.png)
![Screenshot of the {% data variables.product.prodname_vscode_shortname %} Activity Bar. The mouse pointer is hovering over an icon displaying the tooltip "{% data variables.product.prodname_dotcom %} Pull Request."](/assets/images/help/codespaces/github-pr-view.png)
3. To review a specific file, click the **Open File** icon in the Side Bar.
![Option to open PR in a codespace.](/assets/images/help/codespaces/changes-in-files.png)
![Screenshot of the "{% data variables.product.prodname_dotcom %} Pull Request" side bar. A file name is highlighted with a dark orange outline.](/assets/images/help/codespaces/changes-in-files.png)
4. To add review comments, click the **+** icon next to the line number. Type your review comment and then click **Start Review**.
![Option to open PR in a codespace.](/assets/images/help/codespaces/start-review.png)
![Screenshot of a comment being added, reading "Yes, I agree, this is clearer." The "Start Review" button is shown below the comment.](/assets/images/help/codespaces/start-review.png)
5. When you are finished adding review comments, from the Side Bar you can choose to either submit the comments, approve the changes, or request changes.
![Option to open PR in a codespace.](/assets/images/help/codespaces/submit-review.png)
![Screenshot of the side bar showing the dropdown options "Comment and Submit," "Approve and Submit," and "Request Changes and Submit."](/assets/images/help/codespaces/submit-review.png)
For more information on reviewing pull requests in {% data variables.product.prodname_github_codespaces %}, see "[AUTOTITLE](/codespaces/developing-in-codespaces/using-github-codespaces-for-pull-requests)."
@@ -83,7 +83,7 @@ If the pull request contains changes to dependencies you can use the dependency
1. On the right of the header for a manifest or lock file, display the dependency review by clicking the **{% octicon "file" aria-label="The rich diff icon" %}** rich diff button.
![The rich diff button.](/assets/images/help/pull_requests/dependency-review-rich-diff.png)
![Screenshot of the "Files changed" tab of a pull request. The button to display the rich diff, labeled with a file icon, is outlined in dark orange.](/assets/images/help/pull_requests/dependency-review-rich-diff.png)
{% data reusables.repositories.return-to-source-diff %}
{% endif %}

View File

@@ -39,7 +39,7 @@ For more information about forks, see "[AUTOTITLE](/pull-requests/collaborating-
{% ifversion fpt or ghec %}
1. Select **Create a new repository**.
![Use this template button.](/assets/images/help/repository/use-this-template-button.png)
![Screenshot of the "Use this template" button and the dropdown menu expanded to show the "Open in a codespace" option.](/assets/images/help/repository/use-this-template-button.png)
{% note %}

View File

@@ -32,7 +32,7 @@ Until you add an image, repository links expand to show basic information about
- To add a new image, click **Upload an image...**.
- To remove an image, click **Remove image**
![Social preview dropdown](/assets/images/help/repository/social-preview.png)
![Screenshot of the "Social Preview" section. The "Edit" button is highlighted with an orange outline, and a dropdown displays the options for uploading or removing an image.](/assets/images/help/repository/social-preview.png)
## About transparency

View File

@@ -24,7 +24,7 @@ Referring sites and popular content are ordered by views and unique visitors. Fu
{% endtip %}
![Repository traffic graphs with tooltip.](/assets/images/help/graphs/repo_traffic_graphs_tooltip_dotcom.png)
![Screenshot showing two line graphs for repository traffic. The lines are marked with dots for specific dates.](/assets/images/help/graphs/repo_traffic_graphs_tooltip_dotcom.png)
## Accessing the traffic graph

View File

@@ -56,7 +56,7 @@ Within the blame view, you can view the line-by-line revision history for an ent
{% else %}
1. In the upper-right corner of the file view, click **Blame** to open the blame view.
![Screenshot showing the header for a file. The "Blame" button is emphasized.](/assets/images/enterprise/repository/blame-button.png)
![Screenshot showing the header for a file. The "Blame" button is outlined in dark orange.](/assets/images/enterprise/repository/blame-button.png)
1. To see earlier revisions of a specific line, or reblame, click {% octicon "versions" aria-label="View blame prior to this change" %} until you've found the changes you're interested in viewing.
![Screenshot of the "Blame" view of a file. To the right of a commit message, the versions icon is outlined in dark orange.](/assets/images/enterprise/repository/git-blame.png)

View File

@@ -28,6 +28,6 @@ An enterprise owner for {% data variables.product.product_name %} must enable {%
1. Sign into {% data variables.product.product_name %} and {% data variables.product.prodname_dotcom_the_website %}.
1. On {% data variables.product.product_name %}, in the upper-right corner of any page, click your profile photo, then click **Settings**.
![Settings icon in the user bar.](/assets/images/help/settings/userbar-account-settings.png)
![Screenshot of {% data variables.product.prodname_dotcom %}'s account menu showing options for users to view and edit their profile, content, and settings. The menu item "Settings" is outlined in dark orange.](/assets/images/help/settings/userbar-account-settings.png)
{% data reusables.github-connect.github-connect-tab-user-settings %}
{% data reusables.github-connect.connect-dotcom-and-enterprise %}

View File

@@ -42,7 +42,7 @@ You can only view archived tickets for an enterprise account.
{% indented_data_reference reusables.support.entitlements-note spaces=3 %}
![Screenshot of the "My Tickets" dropdown menu.](/assets/images/help/support/ticket-context.png)
![Screenshot showing the the "My Tickets" dropdown menu highlighted in dark orange.](/assets/images/help/support/ticket-context.png)
1. Under the "My tickets" table, click **View archived tickets**.
{% endif %}
@@ -52,7 +52,7 @@ You can only view archived tickets for an enterprise account.
{% data reusables.support.view-open-tickets %}
1. Optionally, if the issue is resolved, under the text box, click **Close ticket**.
2. To respond to GitHub Support and add a new comment to the ticket, type your response in the text box.
![Screenshot of the "Add a comment" text field.](/assets/images/help/support/new-comment-field.png)
![Screenshot of the "Add a comment" text field, highlighted in dark orange.](/assets/images/help/support/new-comment-field.png)
1. To add your comment to the ticket, under the text box, click **Comment**.
{% ifversion ghec or ghes %}

View File

@@ -4,5 +4,5 @@
{% elsif ghes or ghae %}1. In the top-right corner of {% data variables.product.product_name %}, click your profile photo, then click **Enterprise settings**.
![A screenshot of the drop-down menu that appears when you click the profile photo on GitHub Enterprise Server. The "Enterprise settings" option is highlighted in a dark orange outline.](/assets/images/enterprise/settings/enterprise-settings.png)
![Screenshot of the drop-down menu that appears when you click the profile photo on GitHub Enterprise Server. The "Enterprise settings" option is highlighted in a dark orange outline.](/assets/images/enterprise/settings/enterprise-settings.png)
{% endif %}

View File

@@ -1,2 +1,2 @@
1. In the search results, click the name of the user or organization.
![Site admin settings search options.](/assets/images/enterprise/site-admin-settings/click-user.png)
![Screenshot of the "Accounts" search results. In the list of matches, "user1" is highlighted with an orange outline.](/assets/images/enterprise/site-admin-settings/click-user.png)

View File

@@ -2,7 +2,7 @@
{% data reusables.user-settings.access_org %}
1. Under your organization name, click {% octicon "table" aria-hidden="true" %} **Projects**.
![Screenshot showing the 'Projects' tab.](/assets/images/help/projects-v2/tab-projects.png)
![Screenshot showing profile tabs. The 'Projects' tab is highlighted with an orange outline.](/assets/images/help/projects-v2/tab-projects.png)
1. Click **New project**.
1. Optionally, in the text box under "Project name", type a name for your new project.

View File

@@ -1,3 +1,3 @@
1. Under your repository name, click {% octicon "play" aria-hidden="true" %} **Actions**.
![Actions tab in the main repository navigation.](/assets/images/help/repository/actions-tab.png)
![Screenshot of the tabs for the "github/docs" repository. The "Actions" tab is highlighted with an orange outline.](/assets/images/help/repository/actions-tab.png)

View File

@@ -1,3 +1,3 @@
1. On the pull request, click {% octicon "file-diff" aria-hidden="true" %} **Files changed**.
![Screenshot of the tabs for a pull request. The "Changed" tab is outlined in dark orange.](/assets/images/help/pull_requests/pull-request-tabs-changed-files.png)
![Screenshot of the tabs for a pull request. The "Files changed" tab is outlined in dark orange.](/assets/images/help/pull_requests/pull-request-tabs-changed-files.png)

View File

@@ -6,4 +6,4 @@ To create a task list, preface list items with a hyphen and space followed by `[
- [ ] Add delight to the experience when all tasks are complete :tada:
```
![Rendered task list.](/assets/images/help/writing/task-list-rendered-simple.png)
![Screenshot showing the rendered version of the markdown. The references to issues are rendered as issue titles.](/assets/images/help/writing/task-list-rendered-simple.png)

View File

@@ -1,3 +1,3 @@
1. In the upper-right corner of any page, click your profile photo, then click ** Your stars**.
![Screenshot of stars option in a dropdown menu.](/assets/images/help/stars/navigate-to-stars-page.png)
![Screenshot of the profile menu for octocat. The "Your stars" option is highlighted with an orange outline.](/assets/images/help/stars/navigate-to-stars-page.png)

View File

@@ -3,6 +3,6 @@
{% indented_data_reference reusables.support.entitlements-note spaces=3 %}
![Screenshot of the "My Tickets" dropdown menu, with a support ticket highlighted in a dark orange outline.](/assets/images/help/support/ticket-context.png)
![Screenshot showing the "My Tickets" dropdown menu highlighted in dark orange.](/assets/images/help/support/ticket-context.png)
1. In the list of tickets, click the subject of the ticket you want to view.
![Screenshot showing a list of support tickets with the subject highlighted.](/assets/images/help/support/my-tickets-list.png)
![Screenshot showing a list of support tickets. A ticket's subject, "Can't access my private repository," is highlighted in orange.](/assets/images/help/support/my-tickets-list.png)