☰

FFZ Panel Resize 1.2.1

Expanding and moving the FFZ emoji panel

当前为 2025-03-17 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         FFZ   Panel Resize 1.2.1
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.2.1
  5. // @description  Expanding and moving the FFZ emoji panel
  6. // @author       gullampis810
  7. // @match        *://*.twitch.tv/*
  8. // @license      MIT
  9. // @icon         https://png.pngtree.com/png-vector/20220703/ourmid/pngtree-send-dark-mode-glyph-icon-png-image_5561369.png
  10. // @grant        GM_addStyle
  11. // ==/UserScript==
  12.  
  13.  
  14.  
  15. (function() {
  16.     'use strict';
  17.   //  кнопка Chat Paused Due to Scroll   //
  18.         const observer = new MutationObserver(() => {
  19.     const buttonContainer = document.querySelector('.tw-absolute.tw-border-radius-medium.tw-bottom-0.tw-c-background-overlay.tw-c-text-overlay.tw-mg-b-1');
  20.     if (buttonContainer) {
  21.         buttonContainer.style.height = '34px';
  22.         buttonContainer.style.minHeight = '34px';
  23.         buttonContainer.style.maxHeight = '34px';
  24.         console.log('Высота контейнера кнопки установлена на 34px');
  25.     }
  26. });
  27.  
  28. observer.observe(document.body, { childList: true, subtree: true });
  29.  
  30.  
  31.  
  32.         // Добавляем стили для изменения размеров контейнера эмодзи
  33.     GM_addStyle(`
  34.  
  35.      .emote-picker__controls-container.tw-relative {
  36.          bottom: 3px;
  37.      }
  38.  
  39.         .emote-picker {
  40.                width: 107rem !important; /* Увеличенная ширина */
  41.               height: 100rem !important; /* Увеличенная высота */
  42.               left: 24px;                /* Сдвиг влево */
  43.               position: relative;
  44.         }
  45.  
  46.          .ffz--emote-picker {
  47.           position: relative !important;
  48.          height: 785px !important;
  49.          width: 1097px !important;
  50.          left: -243px !important;
  51.         }
  52.  
  53.  
  54.          .ffz--emote-picker.ffz--emote-picker__tall .emote-picker__nav-content-overflow, .ffz--emote-picker.ffz--emote-picker__tall .emote-picker__tab-content {
  55.          height: unset !important;
  56.          max-height: 73rem !important;
  57. }
  58.  
  59.          .tw-absolute.ffz-attached.ffz-attached--right.ffz-attached--up {
  60.            width: 857px !important;
  61.     right: 368px !important;
  62.     bottom: 533px !important;
  63.     }
  64.  
  65.  
  66. /* fix ballon when clicked ffz emote picke in chat input */
  67. .ffz-balloon.ffz-balloon--auto.tw-inline-block.tw-border-radius-large.tw-c-background-base.tw-c-text-inherit.tw-elevation-2.ffz--emote-picker.ffz--emote-picker__tall {
  68.     top: 290px !important;
  69. }
  70.  
  71.        .ffz-attached--up {
  72.            bottom: 510% !important;
  73.        }
  74.  
  75.  
  76.        .tw-border-b.tw-border-l.tw-border-r.tw-border-t.tw-border-radius-medium.tw-c-background-base.tw-elevation-1 {
  77.            width: 63px;
  78.            height: 216px;
  79.        }
  80.  
  81.         .tw-absolute {
  82.             position: absolute !important;
  83.             height: 570px !important;
  84.         }
  85.  
  86. .tw-border-b.tw-border-l.tw-border-r.tw-border-t.tw-border-radius-medium.tw-c-background-base.tw-elevation-1 {
  87.     width: 60px !important;
  88.     height: 200px !important;
  89.     bottom: 6px !important;
  90.     position: absolute !important;
  91.     right: 5px !important;
  92. }
  93. // emoji standard color choice mini panel //
  94.  
  95.     `);
  96.  
  97.     console.log("[FFZ Emote Panel] Контейнер .emote-picker изменен: шире, выше, сдвинут влево.");
  98.  
  99. })();