mirrors/zotero
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Experiment with the new item pane UI

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

53
scss/components/_notesList.scss Normal file
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;
}
}
}
}

12
scss/components/_tagsBox.scss
View file

@ -1,8 +1,8 @@
#tags-pane {
.tags-pane {
display: flex;
}
#tags-box-container {
.tags-box-container {
flex-grow: 1;
display: flex;
}
@ -14,7 +14,11 @@
$li-side-margin: 6px;
flex-grow: 1;
width: 330px;
//width: 330px;
// This is necessary for XUL layout to prevent children
// container to force its height for the parent
height: 0;
.tags-box-header {
display: flex;
@ -61,7 +65,7 @@
.editable-container {
flex-grow: 1;
margin: 0 2px;
width: $item-pane-width - $icon-width - $delete-button-width - ($li-side-margin * 2);
//width: $item-pane-width - $icon-width - $delete-button-width - ($li-side-margin * 2);
}
ul.tags-box-list > li:not(.multiline) .editable-container {