manifest.json

{

  "manifest_version": 2,
  "name": "Slack hide panes",
  "version": "1.1",
 
  "description": "Hide Slack Panes.",

  "applications": {
    "gecko": {
      "id": "[email protected]",
      "strict_min_version": "45.0"
    }
  },

  "content_scripts": [
    {
      "matches": ["*://*.slack.com/*"],
      "js": ["slack-hide-panes.js"],
      "css": ["slack-hide-panes.css"]
    }
  ]

}

slack-hide-panes.css

body {
    min-width: 100%;
}

/* hide top */
.slack-hide-panes #client_body {
  margin-top: 0;
}

.slack-hide-panes #client_header {
  display: none;
}

/* hide left */
.slack-hide-panes #col_channels_bg,
.slack-hide-panes #col_channels {
  display: none;
}

.slack-hide-panes #messages_container {
  margin-left: 0;
}
.slack-hide-panes #footer {
  left: 0;
  z-index: 100500;
}

.slack-hide-panes #msgs_scroller_div {
    height: 100vh !important;
    padding-bottom: 70px;
}

.slack-hide-panes #msgs_div {
    padding-bottom: 70px;
}

slack-hide-panes.js

document.addEventListener('keydown', function(e) {
  if (e.keyCode == 115) {
    // F4
    toggle();
  }
})

function toggle() {
  document.documentElement.classList.toggle('slack-hide-panes');
}