fix: adds number of occurences text before each unique warning; fixes code editor icons to be consistent with the linting pane (#10183)

This commit is contained in:
Fares Osman
2026-06-30 11:58:29 -04:00
committed by GitHub
parent 7b8ccd751d
commit 2fc9840bb6
2 changed files with 18 additions and 4 deletions

View File

@@ -923,6 +923,7 @@ const Component = ({ params }: Route.ComponentProps) => {
icon={expandedLintMessageCodes.includes(item.code) ? 'chevron-down' : 'chevron-right'}
className="h-2.5 w-2.5"
/>
({item.occurrences.length})
<Icon
className={item.type === 'error' ? 'text-(--color-danger)' : 'text-(--color-warning)'}
icon={item.type === 'error' ? 'circle-xmark' : 'triangle-exclamation'}

View File

@@ -1539,12 +1539,25 @@ html {
padding: var(--padding-xs) var(--padding-sm);
z-index: 99999;
}
.CodeMirror-lint-tooltip .CodeMirror-lint-message-error {
.CodeMirror-lint-tooltip .CodeMirror-lint-message-error,
.CodeMirror-lint-tooltip .CodeMirror-lint-message-warning {
background-image: none;
padding-left: 0;
position: relative;
}
.CodeMirror-lint-tooltip::after {
display: none;
.CodeMirror-lint-tooltip .CodeMirror-lint-message-error::before,
.CodeMirror-lint-tooltip .CodeMirror-lint-message-warning::before {
position: absolute;
left: 0;
font-family: 'Font Awesome 6 Free';
font-weight: 900;
}
.CodeMirror-lint-tooltip .CodeMirror-lint-message-error::before {
content: '\f057'; /* FontAwesome circle-xmark icon */
color: var(--color-danger);
}
.CodeMirror-lint-tooltip .CodeMirror-lint-message-warning::before {
content: '\f071'; /* FontAwesome triangle-exclamation icon */
color: var(--color-warning);
}
.CodeMirror-hints {
border: 0;