Cleaner search portals

Workflows and Education
#1

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

image
image834Ɨ303 10.3 KB

to this

image
image826Ɨ258 8.22 KB

Disclaimer: Iā€™m not a CSS expert

8 Likes
#2

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

1 Like
#3

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)