Hub Hack: Make Tile Descriptions Slide Up on Hover

Follow

Use this Custom Code snippet to make the descriptions on Item Tiles expand (slide up) when the mouse is hovered over them.


Warning

Hub Hacks are NOT official Uberflip features. They may not work on all Hubs, or may cause unexpected behavior. Before implementing a Hub Hack on a production Hub, we strongly recommending testing it in a safe environment (such as a staging Hub) if possible.

Uberflip Support is not able to help troubleshoot issues with Hub Hacks: if a Hub Hack is not working correctly in your Hub, Uberflip Support can only help you to disable it.

Details

  • Type: CSS
  • Placement: Head

 

Screenshot

itemeditorimage_57f40d0719364.gif

 

Code

<style>
/*-- Tile Description Pop-up Hover --*/ #collection-items .tile .description { -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } #collection-items .tile:hover .description { height: 100%; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #collection-items .tile .share-single { display: none; }
</style>

 

1 out of 1 found this helpful

Comments

0 comments

Please sign in to leave a comment.