Google Calendar - Hide Header

Hide the header of Google Calendar. Show it when you click on the "Calendar" logo in the top left.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==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);
  }
})();