Google Calendar - Hide Header

Hide the header of Google Calendar. Show it when you click on the "Calendar" logo in the top left.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         Google Calendar - Hide Header
// @namespace    http://seanbannister.com/
// @version      0.3
// @description  Hide the header of Google Calendar. Show it when you click on the "Calendar" logo in the top left.
// @author       Sean Bannister
// @match        *://calendar.google.com/*
// ==/UserScript==

(function() {
  'use strict';

  var header = document.getElementById('onegoogbar').style;

  // Hide the header
  header.display = 'none';

  // When you click on the word "Calednar" (The logo in the top left)
  document.getElementById('mainlogo').addEventListener('click', function() {
    // If header is hidden show it
    if (header.display == 'none') {
      header.display = 'block';
    }
    // If header is showing hide it
    else if (header.display == 'block') {
      header.display = 'none';
    }
  });

  /**
   * Make the popups that display reminders and events details larger.
   */
  addGlobalStyle('.bubble { top: 130px; width: 700px !important; }');
  addGlobalStyle('div[jsname=QScM4d] { max-height: 500px !important; }');
  addGlobalStyle('.reminder-title-container { width: 560px; }');
  addGlobalStyle('.reminder-title-container span { max-width: 550px !important; }');
  // When you create or edit a reminder make the time drop down larger so you don't have to scroll through it as much.
  addGlobalStyle('.reminder-bubble .duedate-tile .goog-container-vertical { height: 900px !important; }');


  function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
  }
})();