removed badges from "on page" section

This commit is contained in:
2026-02-06 11:44:27 +03:00
parent f756c665fe
commit d0e3ab3e82
2 changed files with 14 additions and 23 deletions

View File

@@ -1027,44 +1027,36 @@ body.dark .header-logo {
margin-left: 4px; margin-left: 4px;
} }
.page-highlight-count {
background: var(--accent);
color: var(--accent-text);
padding: 3px 10px;
border-radius: 12px;
font-size: 12px;
font-weight: 600;
flex-shrink: 0;
}
.page-highlight-nav { .page-highlight-nav {
display: flex; display: flex;
gap: 4px; gap: 2px;
flex-shrink: 0; flex-shrink: 0;
} }
.page-highlight-nav button { .page-highlight-nav button {
width: 32px; width: 28px;
height: 32px; height: 28px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: var(--input-bg); background: transparent;
border: 1px solid var(--input-border); border: none;
border-radius: 6px; border-radius: 4px;
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: color 0.2s;
padding: 0; padding: 0;
} }
.page-highlight-nav button:hover {
background: var(--section-bg);
border-color: var(--accent);
}
.page-highlight-nav button i { .page-highlight-nav button i {
font-size: 14px; font-size: 14px;
color: var(--text-color); color: var(--text-color);
opacity: 0.7;
transition: color 0.2s, opacity 0.2s;
}
.page-highlight-nav button:hover i {
color: var(--accent);
opacity: 1;
} }
/* Exceptions Tab */ /* Exceptions Tab */

View File

@@ -600,7 +600,6 @@ export class PopupController {
</span> </span>
${highlight.count > 1 ? `<span class="page-highlight-position">${currentIndex + 1}/${highlight.count}</span>` : ''} ${highlight.count > 1 ? `<span class="page-highlight-position">${currentIndex + 1}/${highlight.count}</span>` : ''}
</div> </div>
<span class="page-highlight-count">${highlight.count}</span>
${highlight.count > 1 ? ` ${highlight.count > 1 ? `
<div class="page-highlight-nav"> <div class="page-highlight-nav">
<button class="highlight-prev" title="${chrome.i18n.getMessage('previous') || 'Previous'}"> <button class="highlight-prev" title="${chrome.i18n.getMessage('previous') || 'Previous'}">