Hide your Orchard ‘Edit’ links

The Orchard theme Contoso ships with rather ugly ‘Edit’ links for editing widgets. They’re convenient, but I’m not of the opinion that they need to be visible all the time.

So, I wrote this little fragment of JavaScript to hide them by default and show when the mouse enters their corresponding widget area.

This behaviour might not be to everybody’s liking, but I provide the jQuery code snippet if you fancy giving it a go:

$(function() {
  $(".manage-actions").hide();
  $(".widget-control").mouseenter(function () {
    $(".manage-actions", this).show();
  }).mouseleave(function () {
    $(".manage-actions", this).hide();
  });
});

It should be easily modified to suit your needs/theme.