calypso-sidebar-hide.user.css

/* ==UserStyle==
@name           WP Calypso Sidebar collapse (WIP)
@namespace      github.com/locness3/userstyles
@version        0.1.1
@description    Collapse the WP Calypso Sidebar and make the content wider. Based off https://userstyles.org/styles/110649/wide-stats-for-new-wordpress-com-stats
@author         Locness
==/UserStyle== */

@-moz-document url-prefix("https://wordpress.com") {
  /* Based off https://userstyles.org/styles/110649/wide-stats-for-new-wordpress-com-stats */

/* Sidebar */
  .sidebar, .layout__secondary {
    width: 50px !important;
    overflow-x: hidden !important;
    z-index: 150;
    transition: transform 0.15s ease-in-out, opacity 0.15s ease-out, -webkit-transform 0.15s ease-in-out, width 0.25s cubic-bezier(.79,.14,.15,.86) !important;
  }
  
  .sidebar__heading,.menu-link-text,.sidebar-banner,.current-site__switch-sites {
       display: none;
  }

  .sidebar:hover .sidebar__heading, 
  .sidebar:hover .menu-link-text, 
  .sidebar:hover .sidebar-banner,  
  .sidebar:hover .current-site__switch-sites,
  .sidebar:hover .site__info {
    display: block;
    animation: appear .3s ease-in-out;
  }
  
  .sidebar > *, .layout__secondary > * {
    width: 256px !important;
  }
  
  .sidebar:hover, .layout__secondary:hover {
    width: 272px !important;
  }

  .sidebar:hover > *, .layout__secondary:hover > * {
    width: 100% !important;
    transition: all 0.25s!important;
  }

  .sidebar__footer {
    padding-left: 0 !important;
  }

  /* Main area - expand to fill empty space */
  .layout__content {
    margin-left: 50px !important;
    padding: 32px !important;
    padding-top: 79px !important;
  }

  .main {
    max-width: none !important;
  }
}