☰

Progress Knight Dynamic Layout

Fixes UI to be dynamic - its not perfect, but it is better than nothing

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey 或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！） 

// ==UserScript==
// @name         Progress Knight Dynamic Layout
// @namespace    https://ihtasham42.github.io/progress-knight/
// @version      1.0.1
// @description  Fixes UI to be dynamic - its not perfect, but it is better than nothing
// @author       CitizenStile <[email protected]>
// @match        *://ihtasham42.github.io/progress-knight/*
// @grant        none
// @run-at       document-idle
// ==/UserScript==

function getElementByXpath(path) {
  return document.evaluate(path, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
}

var elemParent = getElementByXpath("/html/body/div/div")
//   parentHeight.style.height = 'auto'
//   parentHeight.style.width = 'auto'
var elemMenu = getElementByXpath("/html/body/div/div/div[2]")
elemMenu.style.width = 'auto'
var elemBody = getElementByXpath("/html/body/div/div/div[3]")
elemBody.style.width = 'auto'
elemBody.style.height = 'auto'