Cleaner search portals

Just sharing my setup while we wait for something along the lines of Transparent Portals aka Lightweight Transclusion (Portal Simplifications)

If you think portals have too much noise in them, use this CSS snippet to reduce the font size and color (or hide) the hierarchy of portal items. As you can guess, uncomment /*display : none;*/ to hide the hierarchy completely.

    /* Hide the hierarchy of each rem in portals */
    .rem-container--not-included-in-document-scope > .rem-text{
        color : silver; /* change hierarchy color */
    	font-size: 10px; /* change hierarchy font size */    
        /*display : none;*/ /* uncomment this to hide the hierarchy */
    }

This changes the portals from this

to this

Disclaimer: Iā€™m not a CSS expert

8 Likes

Thanks! This worked well for me, and I set display:none, which is helping to clean up my documents.

1 Like

In hindsight, I think it is better to properly restrict the scope using something like this. Especially if you decide to hide it completely.

.search-portal-tree-node .rem-container--not-included-in-document-scope > .rem-text {
  color : silver; /* change hierarchy color */
  font-size: 10px; /* change hierarchy font size */    
  display : none; /* uncomment this to hide the hierarchy */
}

(duh, I am not able to edit the main topic)