Grok SVG Width Fix (Dynamic)

Set width: 100% on parent SVG of specific path on dynamic updates

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey, Greasemonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Violentmonkey.

За да инсталирате този скрипт, трябва да имате инсталирано разширение като Tampermonkey или Userscripts.

За да инсталирате скрипта, трябва да инсталирате разширение като Tampermonkey.

За да инсталирате този скрипт, трябва да имате инсталиран скриптов мениджър.

(Вече имам скриптов мениджър, искам да го инсталирам!)

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да инсталирате разширение като Stylus.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

За да инсталирате този стил, трябва да имате инсталиран мениджър на потребителски стилове.

(Вече имам инсталиран мениджър на стиловете, искам да го инсталирам!)

// ==UserScript==
// @name         Grok SVG Width Fix (Dynamic)
// @description  Set width: 100% on parent SVG of specific path on dynamic updates
// @match        *://*.grok.com/*
// @version 0.0.1.20250706021735
// @namespace https://greasyfork.org/users/1435046
// ==/UserScript==

(function() {
  const applyFix = () => {
    const path = document.querySelector('path[d^="M76.4462"]');
    if (!path) return;
    const svg = path.closest('svg');
    if (svg) {
      svg.style.setProperty('width', '100%', 'important');
    }
  };

  const observer = new MutationObserver(() => applyFix());

  observer.observe(document.body, {
    childList: true,
    subtree: true
  });

  // In case it's already present at initial load
  applyFix();
})();