Skip to content

[FORUMS] Proper canned responses overflow, add option to hide scrollbars in overflow #71

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
blankdvth merged 1 commit into from
Apr 5, 2023
Merged

[FORUMS] Proper canned responses overflow, add option to hide scrollbars in overflow #71

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 28 additions & 2 deletions src/EGO Forum Enhancement.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
// @namespace https://github.com/blankdvth/eGOScripts/blob/master/src/EGO%20Forum%20Enhancement.ts
// @downloadURL %DOWNLOAD_URL%
// @updateURL %DOWNLOAD_URL%
// @version 4.4.2
// @version 4.4.3
// @description Add various enhancements & QOL additions to the EdgeGamers Forums that are beneficial for Leadership members.
// @author blank_dvth, Skle, MSWS
// @match https://www.edgegamers.com/*
Expand Down Expand Up @@ -297,6 +297,12 @@ function setupForumsConfig() {
type: "checkbox",
default: true,
},
"canned-responses-hide-scrollbar": {
label: "Hide scrollbars (scrolling will still work)",
title: "May not work on all browsers.",
type: "checkbox",
default: false,
},
},
events: {
init: function () {
Expand Down Expand Up @@ -1327,6 +1333,14 @@ function handleCannedResponses() {
console.warn("Could not find post box button bar");
return;
}
if (GM_config.get("canned-responses-hide-scrollbar")) {
// @ts-ignore - Firefox only
bar.style.scrollbarWidth = "none";
// @ts-ignore - Webkit only
bar.style.webkitScrollbar = "none";
}
bar.style.whiteSpace = "nowrap";
bar.style.overflowX = "auto";
Object.entries(cannedResponses).forEach((cannedResponse) => {
const [category, responses] = cannedResponse;
const dropdown = document.createElement("span");
Expand All @@ -1338,7 +1352,7 @@ function handleCannedResponses() {
dropdown.dataset.category = category;
dropdown.innerText = category;

var dropdownMenu = document.createElement("div");
const dropdownMenu = document.createElement("div");
dropdownMenu.classList.add(
"menu",
"menu--structural",
Expand All @@ -1351,6 +1365,12 @@ function handleCannedResponses() {
dropdownMenu.style.minWidth =
GM_config.get("canned-response-min-width") + "px";
dropdownMenu.style.overflow = "auto";
if (GM_config.get("canned-responses-hide-scrollbar")) {
// @ts-ignore - Firefox only
dropdownMenu.style.scrollbarWidth = "none";
// @ts-ignore - Webkit only
dropdownMenu.style.webkitScrollbar = "none";
}
dropdownMenu.hidden = true;

dropdown.append(dropdownMenu);
Expand All @@ -1376,6 +1396,12 @@ function handleCannedResponses() {
const dropdownContent = document.createElement("div");
dropdownContent.classList.add("menu-content");
dropdownContent.style.overflow = "none";
if (GM_config.get("canned-responses-hide-scrollbar")) {
// @ts-ignore - Firefox only
dropdownContent.style.scrollbarWidth = "none";
// @ts-ignore - Webkit only
dropdownContent.style.webkitScrollbar = "none";
}
dropdownMenu.append(dropdownContent);
bar.append(dropdown);

Expand Down