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

better vertical alignment of .task-left block

Browse source
This commit is contained in:
Max Pozdeev 2022-02-19 18:34:09 +03:00
parent 5b4253d6f0
commit 389c3fcc47
1 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/content/themes/default/style.css
View file

@ -437,10 +437,10 @@ li.task-row.task-expanded .task-toggle { transform:rotate(90deg); }
z-index: 1;
}
#tasklist .task-block {
display:flex;
justify-content:flex-start;
align-items:baseline;
padding:0px 3px;
display: flex;
justify-content: flex-start;
align-items: stretch;
padding: 0.5rem 3px;
}
#tasklist li.task-row.task-expanded {
border:1px solid var(--color-tasklist-row-expanded-border);
@ -450,16 +450,17 @@ li.task-row.task-expanded .task-toggle { transform:rotate(90deg); }
border-bottom: 1px solid var(--color-tasklist-row-inter-border);
}
.task-left {
display:inline-block;
display: flex;
align-items: center;
height: 1.2rem; /* same as line-height of task-middle */
}
.task-middle {
flex-grow:1;
margin:0.65rem 0px;
margin-left:5px;
margin-left: 5px;
min-width:0; /*for long text*/
flex-basis:0; /* IE11 */
display:flex;
align-items:baseline;
display: flex;
align-items: baseline;
line-height: 1.2rem;
}
.task-actions { flex:0 0 1rem; margin-left:5px; }