obsqrbtz/goose-highlighter
1
0
Fork 0
mirror of https://github.com/obsqrbtz/goose-highlighter.git synced 2026-04-08 20:19:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

redesigned remove buttons in exception section

Browse Source
This commit is contained in:
Daniel Dada
2026-02-06 11:50:11 +03:00
parent d0e3ab3e82
commit 1bff2bd28d
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
popup/popup.css
View File

@@ -1148,24 +1148,25 @@ body.dark .header-logo {
} }
.exception-remove { .exception-remove {
background: var(--danger); background: none;
color: white;
border: none; border: none;
padding: 6px 12px; padding: 4px;
border-radius: 6px;
cursor: pointer; cursor: pointer;
font-size: 12px;
font-weight: 500;
white-space: nowrap;
flex-shrink: 0; flex-shrink: 0;
transition: all 0.2s; transition: color 0.2s;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 4px; justify-content: center;
color: #9ca3af;
opacity: 0;
}
.exception-item:hover .exception-remove {
opacity: 1;
} }
.exception-remove:hover { .exception-remove:hover {
background: #dc2626; color: var(--danger);
} }
.exception-remove i { .exception-remove i {

3
src/popup/PopupController.ts
View File

@@ -978,9 +978,8 @@ export class PopupController {
container.innerHTML = this.exceptionsList.map(domain => container.innerHTML = this.exceptionsList.map(domain =>
`<div class="exception-item"> `<div class="exception-item">
<span class="exception-domain">${DOMUtils.escapeHtml(domain)}</span> <span class="exception-domain">${DOMUtils.escapeHtml(domain)}</span>
<button class="exception-remove" data-domain="${DOMUtils.escapeHtml(domain)}"> <button type="button" class="exception-remove" data-domain="${DOMUtils.escapeHtml(domain)}" title="${DOMUtils.escapeHtml(chrome.i18n.getMessage('remove') || 'Remove')}" aria-label="${DOMUtils.escapeHtml(chrome.i18n.getMessage('remove') || 'Remove')}">
<i class="fa-solid fa-trash"></i> <i class="fa-solid fa-trash"></i>
${chrome.i18n.getMessage('remove') || 'Remove'}
</button> </button>
</div>` </div>`
).join(''); ).join('');