Zoom

Make more the page visible and make icons bigger

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey, Greasemonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

You will need to install an extension such as Tampermonkey to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey किंवा Violentmonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला Tampermonkey यासारखे एक्स्टेंशन इंस्टॉल करावे लागेल..

ही स्क्रिप्ट इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्क्रिप्ट व्यवस्थापक एक्स्टेंशन इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्क्रिप्ट व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला Stylus सारखे एक्स्टेंशन इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

ही स्टाईल इंस्टॉल करण्यासाठी तुम्हाला एक युझर स्टाईल व्यवस्थापक इंस्टॉल करावे लागेल.

(माझ्याकडे आधीच युझर स्टाईल व्यवस्थापक आहे, मला इंस्टॉल करू द्या!)

// ==UserScript==
// @name          Zoom
// @description   Make more the page visible and make icons bigger
// @author        Tirion
// @namespace     http://userstyles.org
// @include       *.horsereality.com/horses*
// @run-at        document-start
// @version       0.5
// @license       MIT
// ==/UserScript==

(function() {
    'use strict';
    setInterval(function () {
        try {
            var horses = document.querySelector('#horses');

            horses.style = "width: 960px; zoom: 40%;"; //zoom: 35%;
            horses.querySelector('.tabdetails').style = "max-width: 10000vw;";
            var contentShadowRoot = document.querySelector('horsereality-horse').shadowRoot;
            var divider = contentShadowRoot.querySelector('#content').querySelector('hr-divider-container').shadowRoot;
            divider.querySelector('ul').style="height: 150px;";
            var svgs = divider.querySelectorAll('svg');
            for (var i = 0; i < svgs.length; i++){
                svgs[i].style = "height: 5em !important;";
            }
        var arrows = contentShadowRoot.querySelectorAll('hr-button-icon');
        arrows[0].shadowRoot.querySelector('hr-int-button').shadowRoot.querySelector('a').querySelector('svg').style = "height: 8em !important; width: 8em !important;";
        arrows[1].shadowRoot.querySelector('hr-int-button').shadowRoot.querySelector('a').querySelector('svg').style = "height: 8em !important; width: 8em !important;";

        } catch (e) {};
    }, 1000);
})();