Advertisement
valeraplusplus

lepota.site and toggles styles

Apr 15th, 2024
862
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // ==UserScript==
  2. // @name         Shortcut Tracker
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1
  5. // @description  Tracks Ctrl \ key combination on https://app.lepota.site/ and toggles styles
  6. // @author       Your Name
  7. // @match        https://app.lepota.site/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     var ctrlPressed = false;
  15.     var cmdPressed = false;
  16.  
  17.     // Добавляем стили
  18.     var style = document.createElement('style');
  19.     style.innerHTML = `
  20.     .ant-app.hide_elems aside {
  21.         opacity: 0;
  22.         pointer-events: none;
  23.     }
  24.     .ant-app.hide_elems {
  25.         pointer-events: none;
  26.     }
  27.     .ant-app.hide_elems div[class^=styled__ZoomButtonsWrapper] {
  28.         opacity: 0;
  29.         pointer-events: none;
  30.     }
  31.     .ant-app.hide_elems div[class^=styled__CanvasControlsWrapper]{
  32.         opacity: 0;
  33.         pointer-events: none;
  34.     }
  35.     .ant-app.hide_elems .ant-btn.ant-btn-icon-only {
  36.         opacity: 0;
  37.         pointer-events: none;
  38.     }
  39.  
  40.     `;
  41.     document.head.appendChild(style);
  42.  
  43.     document.addEventListener('keydown', function(event) {
  44.         if (event.ctrlKey && event.key === "\\") {
  45.             ctrlPressed = true;
  46.         }
  47.         if (event.metaKey && event.key === "/") { // Для макбуков Cmd + /
  48.             cmdPressed = true;
  49.         }
  50.     });
  51.  
  52.     document.addEventListener('keyup', function(event) {
  53.         if( window.location.pathname.match('editor') ){
  54.             if ((ctrlPressed && event.key === "\\") || (cmdPressed && event.key === "/")) {
  55.                 ctrlPressed = false;
  56.                 cmdPressed = false;
  57.                 toggleStyles();
  58.             }
  59.         }
  60.     });
  61.  
  62.     function toggleStyles() {
  63.         var layoutContent = document.querySelector('.ant-app');
  64.         if (layoutContent) {
  65.             layoutContent.classList.toggle('hide_elems');
  66.         }
  67.     }
  68. })();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement