disable windows save location for small screens
This commit is contained in:
parent
3d9049b4d1
commit
d4072bca24
7 changed files with 1156 additions and 10 deletions
283
docs/app.js
283
docs/app.js
File diff suppressed because one or more lines are too long
137
docs/index.html
137
docs/index.html
File diff suppressed because one or more lines are too long
721
docs/main.css
721
docs/main.css
File diff suppressed because one or more lines are too long
|
|
@ -108,12 +108,13 @@ h2 {
|
|||
}
|
||||
|
||||
#save-location-input {
|
||||
display: block;
|
||||
font-family: 'Consolas', monospace;
|
||||
font-size: 0.75rem;
|
||||
text-align: center;
|
||||
width: max-content;
|
||||
width: 100%;
|
||||
max-width: 32em;
|
||||
color: #fff;
|
||||
display: block;
|
||||
background-color: rgba(128, 128, 128, 0.5);
|
||||
margin: 0.4rem auto 0.6rem auto;
|
||||
padding: 0.16rem 0.5rem 0.25rem 0.5rem;
|
||||
|
|
@ -185,6 +186,7 @@ input[type="file"] {
|
|||
#save-area {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 542px;
|
||||
height: 5.65rem;
|
||||
}
|
||||
|
||||
|
|
@ -539,8 +541,10 @@ input[type="radio"] {
|
|||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: max-content;
|
||||
width: 100%;
|
||||
max-width: 550px;
|
||||
}
|
||||
|
||||
.tooltip .tooltip-text {
|
||||
|
|
@ -577,6 +581,12 @@ input[type="radio"] {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 570px) {
|
||||
.tooltip {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.percent-box {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -47,7 +47,8 @@
|
|||
<br>
|
||||
<!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> -->
|
||||
<div class="tooltip">
|
||||
<input type="text" id="save-location-input" size="57" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly>
|
||||
<input type="text" id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly>
|
||||
<!-- <textarea id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly></textarea> -->
|
||||
<span class="tooltip-text" id="save-location-input-tooltip">Click once to copy to clipboard</span>
|
||||
</div>
|
||||
<p class="smalltext">
|
||||
|
|
|
|||
|
|
@ -450,7 +450,7 @@ function CheckCompletionPercent(divId, completionPercentage) {
|
|||
* Fills HTML with appropriate number of health mask images
|
||||
* @param {object} divId ID of the HTML element for data appending
|
||||
* @param {number} masks Number of max health masks from the save (baseline without charms and lifeblood)
|
||||
* @param {number} permadeathMode Value of permadeathMode property. 0 = Normal, 1 = Steel Soul
|
||||
* @param {number} permadeathMode Value of permadeathMode property. 0 = Normal, 1 = Steel Soul, 2 = Steel Soul broken save
|
||||
*/
|
||||
function CheckHealthMasks(divId, masks = 5, permadeathMode = 0) {
|
||||
|
||||
|
|
@ -461,7 +461,7 @@ function CheckHealthMasks(divId, masks = 5, permadeathMode = 0) {
|
|||
let maskSteel = `<img src='${HEALTH_MASK_STEEL_IMAGE}' class='health-mask' alt='steel health mask image' title='Steel Health Mask'>`;
|
||||
let maskImg = "";
|
||||
|
||||
(permadeathMode === 1) ? maskImg = maskSteel: maskImg = maskNormal;
|
||||
(permadeathMode > 0) ? maskImg = maskSteel: maskImg = maskNormal;
|
||||
|
||||
for (let i = 0; i < masks; i++) {
|
||||
maskImages += maskImg;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<script async src="https://www.googletagmanager.com/gtag/js?id=<%= ga_property_id %>"></script>
|
||||
<script>
|
||||
// Temporarily disable the tracking for testing (set to false to enable Analytics)
|
||||
window['ga-disable-<%= ga_property_id %>'] = false;
|
||||
window['ga-disable-<%= ga_property_id %>'] = true;
|
||||
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue