anton/visual-spending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove primary indicator dot from multi-month selection

Browse Source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Anton Volnuhin 2026-02-03 15:43:52 +03:00
parent 3553ff6258
commit 95fea028d8
2 changed files with 2 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app.js
View File

@ -1829,7 +1829,7 @@ async function renderSelectedMonths() {
} }
// Scroll to show the current navigation month // Scroll to show the current navigation month
const activeBtn = document.querySelector('.month-btn.primary') || document.querySelector('.month-btn.active'); const activeBtn = document.querySelector('.month-btn.active');
if (activeBtn) { if (activeBtn) {
activeBtn.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' }); activeBtn.scrollIntoView({ behavior: 'smooth', inline: 'center', block: 'nearest' });
} }
@ -1940,24 +1940,13 @@ async function selectMonth(index) {
function updateMonthNavigator() { function updateMonthNavigator() {
// Update button active states // Update button active states
const buttons = document.querySelectorAll('.month-btn'); const buttons = document.querySelectorAll('.month-btn');
const isMultiSelect = selectedMonthIndices.size > 1;
buttons.forEach((btn, index) => { buttons.forEach((btn, index) => {
const isSelected = selectedMonthIndices.has(index); if (selectedMonthIndices.has(index)) {
const isPrimary = index === currentMonthIndex;
if (isSelected) {
btn.classList.add('active'); btn.classList.add('active');
} else { } else {
btn.classList.remove('active'); btn.classList.remove('active');
} }
// Primary class indicates current navigation position in multi-select
if (isMultiSelect && isPrimary) {
btn.classList.add('primary');
} else {
btn.classList.remove('primary');
}
}); });
// Update arrow disabled states // Update arrow disabled states

17
styles.css
View File

@ -95,23 +95,6 @@ body {
color: white; color: white;
} }
/* Primary indicator for current navigation position in multi-select */
.month-btn.active.primary {
position: relative;
}
.month-btn.active.primary::after {
content: '';
position: absolute;
bottom: 4px;
left: 50%;
transform: translateX(-50%);
width: 6px;
height: 6px;
background: white;
border-radius: 50%;
}
.month-preview { .month-preview {
width: 40px; width: 40px;
height: 40px; height: 40px;