95 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			95 lines
		
	
	
		
			1.8 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| 
 | |
| /*
 | |
|     Compact Properties
 | |
|     https://github.com/replete/obsidian-minimal-theme-css-snippets
 | |
| */
 | |
| 
 | |
| /* Compact style */
 | |
| .cm-editor .metadata-container {
 | |
|     padding-top:0;
 | |
|     padding-bottom:6px;
 | |
| }
 | |
| 
 | |
| .cm-editor .metadata-properties-heading {
 | |
|     display:none;
 | |
| }
 | |
| 
 | |
| /* Autohide on hover for desktop */
 | |
| body:not(.is-mobile) {
 | |
|     .cm-editor .metadata-container {
 | |
|         height:.5em;
 | |
|         margin-bottom:0;
 | |
| 
 | |
|         .metadata-content {
 | |
|             display:none;
 | |
|         }
 | |
| 
 | |
|         &::before {
 | |
|             content:'⋯';
 | |
|             display:block;
 | |
|             position:absolute;
 | |
|             height:100%;
 | |
|             width:100%;
 | |
|             line-height:1em;
 | |
|             text-indent:3px;
 | |
|             top:-4px;
 | |
|             pointer-events:none;
 | |
|         }
 | |
|         
 | |
|         &:is(:hover,:focus-within) {
 | |
|             height:auto;
 | |
|             background: inherit;
 | |
| 
 | |
|             &::before {
 | |
|                 display:none;
 | |
|             }
 | |
| 
 | |
|             .metadata-content {
 | |
|                 display:inherit;
 | |
|             }   
 | |
|         }
 | |
| 
 | |
|     }
 | |
| }
 | |
| 
 | |
| /* Hide properties on mobile */
 | |
| body:is(.is-mobile) {
 | |
|     --metadata-display-editing: none;
 | |
| }
 | |
| 
 | |
| /* Properties panel fixes */
 | |
| .workspace-leaf-content[data-type=all-properties] {
 | |
| 
 | |
|     .nav-header {
 | |
|         padding-top:6px;
 | |
|         padding-bottom:0;
 | |
| 
 | |
|         .nav-buttons-container {
 | |
|             margin-right:0 !important;
 | |
|             padding-left:2px
 | |
|         }
 | |
| 
 | |
|         /* correct icon alignment */
 | |
|         .clickable-icon svg {
 | |
|             transform: translate(-2px,0);
 | |
|         }
 | |
| 
 | |
|         .search-input-container {
 | |
|             outline:2px solid red;
 | |
| 
 | |
|         }
 | |
|     }
 | |
| 
 | |
|     .tree-item {
 | |
|         /* fix properties panel item alignment */
 | |
|         padding-left: 15px;
 | |
|         /* more compact */
 | |
|         margin-top:-5px;
 | |
|     }
 | |
| }
 | |
| 
 | |
| /* Hide banner in hover popover */
 | |
| .hover-popover .metadata-container {
 | |
|     display:none !important;
 | |
|     outline: 2px solid red;
 | |
| } |