zotero/scss/components/_notesList.scss
2021-03-02 18:10:44 -05:00

100 lines
1.5 KiB
SCSS

.notes-list-container {
display: flex;
width: 100%;
overflow-y: auto;
flex-grow: 1;
background: #d2d8e2;
border-top: 1px solid lightgray;
}
.notes-list {
display: flex;
flex-direction: column;
height: 0;
flex-grow: 1;
padding-top: 2px;
&> section > h2 {
font-weight: bold;
padding: 7px 8px 3px;
font-size: 13px;
}
}
.note-row {
border: 1px solid #bcc4d2;
border-radius: 5px;
margin: 4px 7px;
background-color: #fff;
&:active {
background: #e4ebf9;
}
.inner {
> *:not(:first-child) {
margin-top: 3px;
}
.parent-line {
display: flex;
width: calc(100% - 16px);
border-bottom: 1px solid #d7dad7;
align-items: center;
padding: 5px 8px 4px;
margin-bottom: 5px;
}
.parent-item-type {
margin-right: 3px;
width: 16px; // Don't show HiDPI icons at 2x size
}
.parent-title {
flex-grow: 1;
width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.title-line {
display: flex;
padding: 0 8px 0;
.title {
flex-grow: 1;
width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
}
}
.body-line {
display: flex;
padding: 0 8px 6px;
.date {
color: $shade-6;
}
.body {
flex-grow: 1;
width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 10px;
color: $shade-6;
}
}
}
}
.standalone-note-row {
.title-line {
padding-top: 6px !important;
}
}