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