Grasscutters/GrassClipper
3
0
Fork 0
mirror of https://github.com/Grasscutters/GrassClipper.git synced 2024-11-25 09:27:43 +00:00
Code Issues Projects Releases Wiki Activity

organization

Browse Source
This commit is contained in:
SpikeHD 2022-05-01 23:15:04 -07:00
parent b936a4f7b2
commit b4ac33ebaa
3 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/index.html
View File

@ -123,6 +123,9 @@
</div> </div>
</div> </div>
<div id="downloadPanelInner"> <div id="downloadPanelInner">
<div class="downloadTitle", id="grassclipperTitle">
GrassClipper
</div>
<div class="downloadRow"> <div class="downloadRow">
<div class="downloadSection"> <div class="downloadSection">
<span class="downloadLabel" id="installerTitle">Installer</span> <span class="downloadLabel" id="installerTitle">Installer</span>
@ -132,6 +135,9 @@
Installs proxy and other tools. Required for Grasscutter servers. Installs proxy and other tools. Required for Grasscutter servers.
</span> </span>
</div> </div>
<div class="downloadTitle", id="grassclipperTitle">
Grasscutter
</div>
<div class="downloadRow"> <div class="downloadRow">
<div class="downloadSection"> <div class="downloadSection">
<span class="downloadLabel" id="downloadStable">Download Grasscutter Stable Build</span> <span class="downloadLabel" id="downloadStable">Download Grasscutter Stable Build</span>

22
resources/js/onLoad.js
View File

@ -38,6 +38,7 @@
window.addEventListener("click", function(e) { window.addEventListener("click", function(e) {
const favList = document.querySelector('#ipList') const favList = document.querySelector('#ipList')
const settingsPanel = document.querySelector('#settingsPanel') const settingsPanel = document.querySelector('#settingsPanel')
const downloadPanel = document.querySelector('#downloadPanel')
// This will close the favorites list no matter what is clicked // This will close the favorites list no matter what is clicked
if (favList.style.display !== 'none') { if (favList.style.display !== 'none') {
@ -46,23 +47,32 @@
} }
// This will close the settings panel no matter what is clicked // This will close the settings panel no matter what is clicked
let settingCheckElm = e.target let checkElm = e.target
while(settingCheckElm.tagName !== 'BODY') { while(checkElm.tagName !== 'BODY') {
if (settingCheckElm.id === 'settingsPanel' if (checkElm.id === 'settingsPanel'
|| settingCheckElm.id === 'settingsBtn') { || checkElm.id === 'settingsBtn') {
return return
} }
settingCheckElm = settingCheckElm.parentElement if (checkElm.id === 'downloadPanel' ||
checkElm.id === 'downloadBtn') {
return
}
checkElm = checkElm.parentElement
} }
// We travelled through the parents, so if we are at the body, we clicked outside of the settings panel // We travelled through the parents, so if we are at the body, we clicked outside of the settings panel
if (settingCheckElm.tagName === 'BODY') { if (checkElm.tagName === 'BODY') {
// This will close the settings panel only when something outside of it is clicked // This will close the settings panel only when something outside of it is clicked
if (settingsPanel.style.display !== 'none') { if (settingsPanel.style.display !== 'none') {
settingsPanel.style.display = 'none' settingsPanel.style.display = 'none'
} }
if (downloadPanel.style.display !== 'none') {
downloadPanel.style.display = 'none'
}
} }
}); });

8
resources/style/index.css
View File

@ -208,6 +208,10 @@ a {
margin-bottom: 10px; margin-bottom: 10px;
} }
.downloadTitle {
margin: 6px;
}
.downloadLabel, .downloadLabel,
.settingLabel { .settingLabel {
display:inline-block; display:inline-block;
@ -216,10 +220,6 @@ a {
margin: 10px 0px; margin: 10px 0px;
} }
.downloadLabel {
margin: 14px 0px;
}
.downloadSubtitle, .downloadSubtitle,
.settingSubtitle { .settingSubtitle {
color: rgb(165, 165, 165); color: rgb(165, 165, 165);