New simplified instructions and new enhancements (such as multi-column comments)

New simplified instructions and new enhancements (such as multi-column comments)

Originally shared by Isaac Kuo

Multi-column Stream and Comments in Diaspora

https://userstyles.org/styles/168773/3-column-diaspora

Multi-column stream and comments boost browsing speed and look better on wide screens.
This plugin/style gives you a multi-column stream, albeit the tiling is a bit crude.

The enhancements are:

TALLER NOTIFICATIONS DROPDOWN (Doc Edward Morbius)
EXPAND ALL POSTS (Gible Fog)
TRIPLE COLUMN STREAM (Filip H.F. "FiXato" Slagter)
DOUBLE COLUMN COMMENTS (Isaac Ji Kuo)

To install:

1) Install Stylus plugin for Chrome, Firefox, or Opera.

see download links here: https://add0n.com/stylus.html

2) Install the "3 Column Diaspora" style from here:

https://userstyles.org/styles/168773/3-column-diaspora

3) Optional: If you want to delete some enhancements or tweak columns/widths, edit the style (under S icon, select "Manage")

If you aren't using the pluspora.com pod, you'll have to add your pod's domain to the domain list

Enjoy!

#diaspora #diasporatips #tip #tips

BTW, here's the current code:


.navbar.navbar-fixed-top .nav-badges .dropdown-menu .notifications {
max-height: calc(85vh - 4em);
min-height: 8em;
}


.expander{ display:none; }
.stream-element .collapsible,
.stream-element .collapsible.collapsed {
max-height: 1000px;
overflow-y: auto!important;
height: unset!important;
}


#main-stream .stream-element {
float: left;
width: calc(33% - 20px);
margin-right: 20px;
}
body>.container-fluid>.row>.col-md-3 { width: 15%; }
body>.container-fluid>.row>.col-md-9 { width: 85%; }
.container-fluid { max-width: none; }


#single-post-content.col-md-6.single-post-content {
width: 40%; }
#single-post-interactions.col-md-6.single-post-interactions {
width: 60%;
column-count: 2;
column-width: calc(50% - 5px);
column-gap: 5px;
}
.comment.media { break-inside: avoid; }