Developers sploop.io too lazy to do it yourself.. So I did it for them.
// ==UserScript==
// @name Fixed settings menu
// @namespace -
// @version 0.1
// @description Developers sploop.io too lazy to do it yourself.. So I did it for them.
// @author Nudo#3310
// @license MIT
// @match https://sploop.io/
// @icon https://www.google.com/s2/favicons?sz=64&domain=sploop.io
// @grant none
// ==/UserScript==
(function anonymous() {
const settingsContent = document.querySelector(".pop-settings-content")
const settingDivs = settingsContent.querySelectorAll("div")
const settingSpans = settingsContent.querySelectorAll("span")
const settingLines = settingsContent.querySelectorAll(".setting-line")
const divsSize = "16px"
const spansSize = "10px"
const marginTop = "10px"
settingsContent.classList.add("select", "pop-list-content", "scrollbar", "content", "subcontent-bg")
settingsContent.style.height = "100%"
for (const div of settingDivs) {
div.style.fontSize = divsSize
}
for (const span of settingSpans) {
span.style.fontSize = divsSize
}
for (const line of settingLines) {
line.style.marginTop = marginTop
}
settingsContent.firstChild.style.margin = "0px"
const popSettings = document.getElementById("pop-settings")
popSettings.style.overflowY = "hidden"
popSettings.style.height = "400px"
const resetKeybinds = document.getElementById("reset-keybinds")
resetKeybinds.classList.add("text-shadowed-3")
resetKeybinds.style.cssText = `
outline: 0;
color: white;
border: 5px solid #141414;
border-radius: 10px;
box-shadow: inset 0 23px 0 #e8e0c8;
text-align: center;
padding: 4px;
cursor: url(img/ui/cursor-pointer.png) 6 0, pointer;
`
const inputKeyBinds = document.querySelectorAll(".keybind-setting")
for (const input of inputKeyBinds) {
input.style.height = "auto"
input.style.padding = "4px"
}
})()