hide-chatgpt-sidebar.js

hide chatgpt sidebar

// ==UserScript==
// @name         Hide ChatGPT Sidebar
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  Hide the sidebar of the ChatGPT website
// @author       You
// @match        https://chat.openai.com/chat*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=openai.com
// @require https://code.jquery.com/jquery-3.6.0.min.js
// @grant        none

// ==/UserScript==



(function() {
  'use strict';

  const leftPadElement = '#__next > div.overflow-hidden.w-full.h-full.relative > div.flex.h-full';
  const leftMenu = '#__next > div.overflow-hidden.w-full.h-full.relative > div.dark';

  let paddingLeft = $().css('padding-left');

  function show(){
    $(leftMenu).show();
    $(leftPadElement).css('padding-left', paddingLeft);
  }

  function hide(){
    $(leftMenu).hide();
    $(leftPadElement).css('padding-left', '0px');
  }

  hide();

  var $button = $("<button>").text("Toggle Sidebar").click(function(){
    if($(leftMenu).is(":visible")){
      hide();
    } else {
      show();
    }
  });

  $button.css({
    position: "absolute",
    top: "6px",
    right: "20px",
    'background-color': '#eeeee4',
    'border': 'none',
    'padding': '6px 12px',
    'text-align': 'center',
    'text-decoration': 'none',
    'font-size': '16px',
    'cursor': 'pointer',
    'border-radius': '5px',
    'box-shadow': '0 2px 5px rgba(0, 0, 0, 0.3)'
  });

  // Append the button to the UI element
  $("body").append($button);

})();