Azure DevOps: Highlight Key Information v1.0.0

← Back to Stylus Rules

Highlights important information in Azure DevOps pull requests to reduce the likelihood of errors.

What it does

This style rule adds visual emphasis to critical PR information:

  • Target branch: Surrounds the target branch link with a red border and padding to draw attention
  • Encoding changes: Highlights any file encoding changes with a red border to reduce the likelihood of missing important encoding modifications

This helps make important information more visible, reducing common mistakes like merging to the wrong branch or missing encoding changes.

Install Style

Style Content

/* ==UserStyle==
@name           Azure DevOps: Highlight Key Information
@namespace      https://www.timhilton.xyz/stylus-rules/
@version        1.0.0
@description    Highlights important information in Azure DevOps pull requests to reduce the likelihood of errors
@author         Tim Hilton
@homepageURL    https://www.timhilton.xyz/stylus-rules/azure-devops/highlight-key-information/
@updateURL      https://www.timhilton.xyz/stylus-rules/azure-devops/highlight-key-information/latest/highlight-key-information.user.css
==/UserStyle==*/

@-moz-document regexp("https://dev.azure.com/.*/pullrequest/.*") {
/* Highlight the PR's target branch */
div.pr-header-branches > .bolt-link:first-of-type {
    border: red 2px solid;
    padding: 5px;
}

/* Highlight changes to file encoding */
.repos-summary-header > div.flex-row .body-s > .text-ellipsis {
    border: 2px solid red;
    padding: 2px;
}
}