
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!