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와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 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);
})();