gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 18:08:33 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

responsive promoted attributes view and attribute overview to make sure note content is always visible. Fixes #262

Browse Source
This commit is contained in:
azivner 2019-01-01 20:53:18 +01:00
parent 3ab657fe46
commit 1771ddb787
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/public/javascripts/services/attributes.js
View File

@ -135,7 +135,9 @@ async function createPromotedAttributeRow(definitionAttr, valueAttr) {
const $inputCell = $("<td>").append($("<div>").addClass("input-group").append($input)); const $inputCell = $("<td>").append($("<div>").addClass("input-group").append($input));
const $actionCell = $("<td>"); const $actionCell = $("<td>");
const $multiplicityCell = $("<td>").addClass("multiplicity"); const $multiplicityCell = $("<td>")
.addClass("multiplicity")
.attr("nowrap", true);
$tr $tr
.append($labelCell) .append($labelCell)

14
src/public/stylesheets/style.css
View File

@ -70,6 +70,7 @@ body {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 200px;
} }
.note-detail-component { .note-detail-component {
@ -311,6 +312,12 @@ div.ui-tooltip {
.cm-matchhighlight {background-color: #eeeeee} .cm-matchhighlight {background-color: #eeeeee}
#attribute-list {
overflow: auto;
/* limiting the size since actual note content is more important */
max-height: 30%;
}
#label-list, #relation-list, #attribute-list { #label-list, #relation-list, #attribute-list {
color: #777777; color: #777777;
padding: 5px; padding: 5px;
@ -434,8 +441,13 @@ html.theme-dark body {
} }
#note-detail-promoted-attributes { #note-detail-promoted-attributes {
max-width: 70%;
margin: auto; margin: auto;
/* setting the display to block since "table" doesn't support scrolling */
display: block;
flex-basis: content;
flex-shrink: 1;
flex-grow: 100;
overflow: auto;
} }
#note-detail-promoted-attributes td, #note-detail-promoted-attributes th { #note-detail-promoted-attributes td, #note-detail-promoted-attributes th {