mirror of
				https://github.com/zadam/trilium.git
				synced 2025-11-04 13:39:01 +01:00 
			
		
		
		
	responsive promoted attributes view and attribute overview to make sure note content is always visible. Fixes #262
This commit is contained in:
		
							parent
							
								
									3ab657fe46
								
							
						
					
					
						commit
						1771ddb787
					
				@ -135,7 +135,9 @@ async function createPromotedAttributeRow(definitionAttr, valueAttr) {
 | 
			
		||||
    const $inputCell = $("<td>").append($("<div>").addClass("input-group").append($input));
 | 
			
		||||
 | 
			
		||||
    const $actionCell = $("<td>");
 | 
			
		||||
    const $multiplicityCell = $("<td>").addClass("multiplicity");
 | 
			
		||||
    const $multiplicityCell = $("<td>")
 | 
			
		||||
        .addClass("multiplicity")
 | 
			
		||||
        .attr("nowrap", true);
 | 
			
		||||
 | 
			
		||||
    $tr
 | 
			
		||||
        .append($labelCell)
 | 
			
		||||
 | 
			
		||||
@ -70,6 +70,7 @@ body {
 | 
			
		||||
    height: 100%;
 | 
			
		||||
    display: flex;
 | 
			
		||||
    flex-direction: column;
 | 
			
		||||
    min-height: 200px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.note-detail-component {
 | 
			
		||||
@ -311,6 +312,12 @@ div.ui-tooltip {
 | 
			
		||||
 | 
			
		||||
.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 {
 | 
			
		||||
    color: #777777;
 | 
			
		||||
    padding: 5px;
 | 
			
		||||
@ -434,8 +441,13 @@ html.theme-dark body {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
#note-detail-promoted-attributes {
 | 
			
		||||
    max-width: 70%;
 | 
			
		||||
    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 {
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user