obsidian-plugin/callumalpass_tasknotes
1
0
Fork 0
mirror of https://github.com/callumalpass/tasknotes.git synced 2026-07-22 12:50:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: Add CSS styling for project indicator icons (#191)

Browse source 
- Add .task-card__project-indicator styles with hover effects
- Position icons at right: 44px after recurring indicator
- Include smooth transitions and scale effects on hover
- Follow existing BEM naming conventions and design patterns
This commit is contained in:
Callum Alpass 2025-07-16 21:21:57 +10:00
parent d2b26abd82
commit be6adb140d
1 changed files with 30 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
styles/task-card-bem.css
View file

@ -246,6 +246,36 @@
height: 100%;
}
.tasknotes-plugin .task-card__project-indicator {
position: absolute;
top: 8px;
right: 44px; /* Position after recurring indicator */
width: 16px;
height: 16px;
color: var(--tn-text-muted);
opacity: 0.8;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-s);
padding: 2px;
cursor: pointer;
transition: all var(--tn-transition-fast);
}
.tasknotes-plugin .task-card__project-indicator:hover {
opacity: 1;
color: var(--interactive-accent);
background: var(--background-modifier-hover);
transform: scale(1.1);
}
.tasknotes-plugin .task-card__project-indicator svg {
width: 100%;
height: 100%;
}
.tasknotes-plugin .task-card__context-menu {
position: absolute;
top: 8px;