BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 11:44:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

add close button to theme creator

Browse Source
This commit is contained in:
SethBurkart123
2024-04-01 21:36:15 +11:00
parent bc71818018
commit a3cd2bbf46
2 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/seqta/ui/ThemeCreator.ts
+12 -3
View File
@@ -18,6 +18,13 @@ export function OpenThemeCreator() {
const mainContent = document.querySelector('#container') as HTMLDivElement;
if (mainContent) mainContent.style.width = `calc(100% - ${width})`;
// close button
const closeButton = document.createElement('button');
closeButton.classList.add('themeCloseButton');
closeButton.textContent = '×';
closeButton.addEventListener('click', CloseThemeCreator);
document.body.appendChild(closeButton);
const resizeBar = document.createElement('div');
resizeBar.classList.add('resizeBar');
resizeBar.style.right = '307.5px';
@@ -66,11 +73,13 @@ export function OpenThemeCreator() {
*/
export function CloseThemeCreator() {
const themeCreatorIframe = document.getElementById('themeCreatorIframe');
const closeButton = document.querySelector('.themeCloseButton') as HTMLButtonElement;
const resizeBar = document.querySelector('.resizeBar') as HTMLDivElement;
if (themeCreatorIframe) themeCreatorIframe.remove();
if (closeButton) closeButton.remove();
if (resizeBar) resizeBar.remove();
const mainContent = document.querySelector('#container') as HTMLDivElement;
if (mainContent) mainContent.style.width = '100%';
const resizeBar = document.querySelector('.resizeBar') as HTMLDivElement;
if (resizeBar) resizeBar.remove();
}