Remove Node Elements [or show them only on hover] [Deleted]

BassMan

Well-known member
BassMan submitted a new resource:

Remove Node Elements - Remove (and show on hover) Node Stats, remove RSS Icon and Last Posts

This add-on was created to work with some other add-on. But it can be used as a stand alone. Well, you decide why would you need it.

Description:

This add-on:
  • removes and shows only on hover the Node Stats (with no changes in responsive)
  • removes the RSS Icon in node list
  • removes the Last Posts in node list

Screenshots:

< before installation >
View attachment 70203

< after installation >
View attachment 70204


Modifies the code...

Read more about this resource...
 
Code:
/* Remove and show Node Stats on hover */

.node.level_2 .nodeStats {opacity: 0;}
.node.level_2:hover .nodeStats {opacity: 1;}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .node.level_2 .nodeStats
    {
        opacity:1;
    }
}
</xen:if>
 
Code:
/* Remove and show Node Stats on hover */

.node.level_2 .nodeStats {opacity: 0;}
.node.level_2:hover .nodeStats {opacity: 1;}

<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
    .node.level_2 .nodeStats
    {
        opacity:1;
    }
}
</xen:if>
Tested and works fine. Thanks for saving my time.
 
Love this. I have modified mine so that it shows Node Stats all the time (no transparency):

/* START - REMOVE NODE ELEMENTS add-on */
/* Remove and show Node Stats on hover */
.node.level_2 .nodeStats {
opacity: 1;
}
.node.level_2:hover .nodeStats {
opacity: 1;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveMediumWidth)
{
.node.level_2 .nodeStats
{
opacity:1;
}
}
</xen:if>
/* Remove Node RSS Icon */
.nodeList .nodeControls {
display: none;
}
/* Remove Node Last Posts */
.nodeList .nodeLastPost {
display: none;
}
/* END - REMOVE NODE ELEMENTS add-on */
 
Back
Top Bottom