Full Screen View on TMail

Lot of people requested for a full screen view just like TMail had before v5. So, now finally you can have that in new TMail as well. Below is something you can get from this

Below are the steps to achieve above design:

1. Create a new Page and name it anything you want

2. You don't have to write any content for this as that won't be displayed here

3. Copy paste below code in Custom Header field of the page

<style>
.tm-content {
  display: none !important;
}
.tm-sidebar {
  width: 100% !important;
  max-width: 100% !important;
  flex: 100 !important;
}
.tm-sidebar > .tm-create {
  margin: 0 auto !important;
  width: 400px !important;
  max-width: 80% !important;
}
header .tm-logo {
  padding-top: 1em !important;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
}
header .tm-menu {
  border: none !important;
}
header .tm-menu a {
  color: #fff !important;
}
header .tm-menu a:hover {
  color: #eee !important;
}
@media only screen and (max-width: 1200px) {
  body main .tm-sidebar .tm-create.show-button form,
  body main .tm-sidebar .tm-create.show-button span {
    display: block !important;
  }
  header .tm-logo {
    padding-top: 1.5em !important;
  }
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function(){
    document.getElementsByClassName('tm-menu')[0].style.backgroundColor = window.getComputedStyle(document.getElementsByClassName('tm-logo')[0], null).getPropertyValue("background-color")
});
</script>

4. Make this page, your homepage

That's it!