prehistoric-systems/mytinytodo
1
0
Fork 0
mirror of https://github.com/maxpozdeev/mytinytodo.git synced 2026-03-11 08:55:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

* add shadow on taskllist row on hover (to highlight the task when need to open task context menu)

Browse source
This commit is contained in:
maxpozdeev 2023-09-08 09:08:20 +03:00
parent 2bf49d69ec
commit 882cc4c43a
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/content/theme/dark.css
View file

@ -64,6 +64,7 @@ html[data-appearance=system][data-system-appearance=dark] {
--color-tasklist-tag: var(--color-tab-text);
--color-tasklist-note-link: #999;
--color-tasklist-link-hover: var(--color-link);
--color-tasklisk-hover-shadow: rgba(255,255,255,0.4);
--color-taglist-tag: var(--color-text-reduced);
--color-taglist-tag-bg: #444;
--color-taglist-tag-hover: var(--color-taglist-tag);

7
src/content/theme/style.css
View file

@ -67,6 +67,7 @@
--color-tasklist-tag: var(--color-tab-text);
--color-tasklist-note-link: #777;
--color-tasklist-link-hover: var(--color-link); /* #af0000 */
--color-tasklisk-hover-shadow: rgba(0,0,0,0.3);
--color-taglist-tag: var(--color-text-reduced);
--color-taglist-tag-bg: #e0e0e0;
--color-taglist-tag-hover: var(--color-taglist-tag);
@ -572,9 +573,11 @@ li.task-row.task-expanded .task-toggle { transform:rotate(90deg); }
background-color: var(--color-tasklist-row); /* ?? */
position:relative; /* for z-index */
}
#tasklist li.task-row:hover,
#tasklist li.task-row.menu-active {
#mtt:not(.touch-device) #tasklist li.task-row:hover,
#mtt:not(.touch-device) #tasklist li.task-row.menu-active {
z-index: 1;
box-shadow: 0 0 2px var(--color-tasklisk-hover-shadow);
border-radius: 5px;
}
#tasklist .task-block {
display: flex;