A Chrome extension that fixes the misplaced Status field and Resolution label in Jira ticket views.
Recently, Atlassian moved the Status field in Jira to an uncomfortable position that makes it harder to quickly see and interact with the ticket status. Additionally, the Resolution field was also misplaced, making it difficult to see the resolution status of tickets.
This extension automatically detects the Status field on Jira pages and moves it to a more accessible position. It also displays a clean Resolution label next to the status when a resolution is set, providing better visibility of ticket resolution status.
- Automatically detects and repositions the Status field
- Displays Resolution label next to status when set
- Prevents dropdown content from appearing in resolution labels
- Works with dynamic content loading
- Responsive design that adapts to different screen sizes
- Non-intrusive - preserves all original functionality
-
Clone this repository:
git clone https://github.com/yourusername/jira-status-fixer.git cd jira-status-fixer -
Install dependencies:
npm install
-
Build the extension:
npm run build
-
Load the extension in Chrome:
- Open Chrome and go to
chrome://extensions/ - Enable "Developer mode"
- Click "Load unpacked" and select the
distfolder
- Open Chrome and go to
Install from the Chrome Web Store (coming soon).
-
Build and zip the extension:
npm run package
This creates
jira-status-fixer.zipin the project root. -
Go to the Chrome Web Store Developer Dashboard and upload the zip.
- Icon 128x128:
src/icons/icon128.png - Screenshots: at least 1280x800 (recommended 3-5 showing before/after)
- Short description (max 132 characters)
- Detailed description (focus on benefits and privacy)
This extension does not collect, transmit, or store personal data. It only manipulates the current Jira page DOM locally to reposition the status field. No network requests or analytics are added by the extension.
If you host a privacy policy, include a link in your listing.
npm run build- Build the extension for productionnpm run dev- Build and watch for changesnpm run clean- Clean the dist folder
jira-status-fixer/
├── src/
│ ├── content.ts # Main content script
│ ├── popup.ts # Popup script
│ ├── popup.html # Popup interface
│ ├── styles/
│ │ └── content.css # Extension styles
│ └── icons/ # Extension icons
├── dist/ # Built extension (generated)
├── manifest.json # Extension manifest
├── package.json # Dependencies and scripts
└── tsconfig.json # TypeScript configuration
- The content script runs on Jira pages (
*.atlassian.netand*.jira.com) - It uses a MutationObserver to watch for dynamic content changes
- When the Status field is detected, it moves it to a more accessible position
- The extension detects resolution fields and creates a clean resolution badge
- Text sanitization prevents dropdown content from appearing in resolution labels
- Custom CSS ensures proper styling and positioning
- Chrome (Manifest V3)
- Edge (Chromium-based)
- Other Chromium-based browsers
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
MIT License - see LICENSE file for details.
- Initial release
- Status field repositioning
- Resolution label display with clean text extraction
- Dropdown content prevention
- Text sanitization for resolution labels
- Responsive design
- Popup interface