Backlink UI Cleaner

This is a part of the Modern Dark Theme

  • Remove Creation Date Part which is not that useful for some users.
  • Straightforward UI
/*********** Backlink UI Cleaner ***********/
	/* Remove Date */
	.hierarchy-editor__search-portal-section {
		display: none;
	}
	/* Scrollable */
		/*
		.portal-tree-transient-node-box [data-rem-tags~="document"] > div > span {
			overflow-x: auto;
			white-space: pre;
		}
		*/
	/* inline 3dots */
		.tree-node--parent .show-embed-search-button--automatic {
			display: flex;
			position: relative;
			left: -16px;
		}
		.popup-menu .tree-node--parent .show-embed-search-button--automatic {
			left: 0;
		}
	/* Reference Breadcrumbs */
		#hierarchy-editor .rem-container--not-included-in-document-scope .rem-text {
			display: inline !important;
			zoom: 0.75;
			opacity: 0.6;
		}
		#hierarchy-editor .rem-container--not-included-in-document-scope .rem-text .RichTextViewer {
			display: inline-flex !important;
		}
		#hierarchy-editor .portal-tree-transient-node-box .EditorContainerInline,
		#hierarchy-editor .portal-tree-transient-node-box .EditorContainerInline > span > span {
			display: inline;
		}
	/* Line Color */
		#hierarchy-editor .rem-container__top-level-rem-in-portal-border .rem-container__top-level-rem-in-portal-border__inner {border-color: #DDDDDD;}
		.dark-mode #hierarchy-editor .rem-container__top-level-rem-in-portal-border .rem-container__top-level-rem-in-portal-border__inner {border-color: #535353;} 
	/* Hover Effect */
		span.RichTextViewer.notIncludedAncestor.notIncludedAncestorClickable:hover {
			background-color: #E2E1DF !important;
			color: black;
		}
		.dark-mode span.RichTextViewer.notIncludedAncestor.notIncludedAncestorClickable:hover {
			background-color: #1B1F23 !important;
			color: yellow;
		}
2 Likes

:pray: Thanks… It’s good to make Backlink UI smaller…
Update: I like Backlinks sorted by Creation Time so I don’t Remove Date.

/* Remove Date */
	.mt-10 {
    margin-top: 0rem;
}
.mb-4 {
    margin-bottom: 0rem; 
}
.hierarchy-editor__search-portal-section {
		/*display: none;*/
		font-size: 14px; 
}

Before:


After:

3 Likes

Nice!

There is also this menu on backlink portals:

Before:

Change to Unsorted:
image

After:

3 Likes