Experiment with the new item pane UI

This commit is contained in:
Martynas Bagdonas 2020-11-03 18:29:51 +02:00 committed by Dan Stillman
parent 36cc18e8cf
commit bb5075e8b8
19 changed files with 742 additions and 448 deletions

View file

@ -0,0 +1,53 @@
.notes-list-container {
display: flex;
width: 100%;
overflow-y: auto;
flex-grow: 1;
}
.notes-list {
display: flex;
flex-direction: column;
height: 0;
flex-grow: 1;
}
.note-row {
padding: 8px 0;
&:not(:last-child) {
border-bottom: 1px solid $shade-3;
}
.inner {
.first-line {
display: flex;
.title {
flex-grow: 1;
width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
}
}
.second-line {
display: flex;
.date {
}
.body {
flex-grow: 1;
width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 10px;
color: $shade-6;
}
}
}
}