mikl/hollow-knight-silksong-completion-check
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tooltip fix width

Browse source
This commit is contained in:
ReznoRMichael 2021-08-06 17:02:17 +02:00
parent ba2dfc6fbc
commit 2d06af20ab
5 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
build/index.html
View file

@ -184,12 +184,14 @@
class="simpleicon-github"></i>GitHub</a> class="simpleicon-github"></i>GitHub</a>
<br> <br>
<!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> --> <!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> -->
<div class="tooltip"> <div class="tooltip">
<input type="text" id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" <input type="text" id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\"
readonly> readonly>
<!-- <textarea id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly></textarea> --> <!-- <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> <span class="tooltip-text" id="save-location-input-tooltip">Click once to copy to clipboard</span>
</div> </div>
<p class="smalltext"> <p class="smalltext">
Choose a HK user*.dat save OR paste from <a href="https://bloodorca.github.io/hollow/" target="_blank">Save Choose a HK user*.dat save OR paste from <a href="https://bloodorca.github.io/hollow/" target="_blank">Save
Editor</a> | <a href="https://pastebin.com/raw/xp1Gi7nG" target="_blank">Testing Save</a> Editor</a> | <a href="https://pastebin.com/raw/xp1Gi7nG" target="_blank">Testing Save</a>

6
build/main.css
View file

@ -357,7 +357,7 @@ h6 {
font-family: 'Consolas', monospace; font-family: 'Consolas', monospace;
font-size: 0.75rem; font-size: 0.75rem;
text-align: center; text-align: center;
width: 100%; width: 32em;
max-width: 32em; max-width: 32em;
color: #fff; color: #fff;
background-color: rgba(128, 128, 128, 0.5); background-color: rgba(128, 128, 128, 0.5);
@ -994,8 +994,8 @@ input[type="radio"]:focus:not(:focus-visible) + label {
.tooltip { .tooltip {
position: relative; position: relative;
display: block; display: block;
margin: 0; margin: 0 auto;
width: 100%; width: max-content;
} }
.tooltip .tooltip-text { .tooltip .tooltip-text {

2
build/main.css.map
View file

File diff suppressed because one or more lines are too long

6
src/css/style.css
View file

@ -194,7 +194,7 @@ h6 {
font-family: 'Consolas', monospace; font-family: 'Consolas', monospace;
font-size: 0.75rem; font-size: 0.75rem;
text-align: center; text-align: center;
width: 100%; width: 32em;
max-width: 32em; max-width: 32em;
color: #fff; color: #fff;
background-color: rgba(128, 128, 128, 0.5); background-color: rgba(128, 128, 128, 0.5);
@ -831,8 +831,8 @@ input[type="radio"]:focus:not(:focus-visible) + label {
.tooltip { .tooltip {
position: relative; position: relative;
display: block; display: block;
margin: 0; margin: 0 auto;
width: 100%; width: max-content;
} }
.tooltip .tooltip-text { .tooltip .tooltip-text {

2
src/index.html
View file

@ -69,12 +69,14 @@
class="simpleicon-github"></i>GitHub</a> class="simpleicon-github"></i>GitHub</a>
<br> <br>
<!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> --> <!-- <a href="https://pastebin.com/raw/shfZ4Vqs" target="_blank">[ Decoded 5% Save Example ]</a><br> -->
<div class="tooltip"> <div class="tooltip">
<input type="text" id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" <input type="text" id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\"
readonly> readonly>
<!-- <textarea id="save-location-input" value="%USERPROFILE%\AppData\LocalLow\Team Cherry\Hollow Knight\" readonly></textarea> --> <!-- <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> <span class="tooltip-text" id="save-location-input-tooltip">Click once to copy to clipboard</span>
</div> </div>
<p class="smalltext"> <p class="smalltext">
Choose a HK user*.dat save OR paste from <a href="https://bloodorca.github.io/hollow/" target="_blank">Save Choose a HK user*.dat save OR paste from <a href="https://bloodorca.github.io/hollow/" target="_blank">Save
Editor</a> | <a href="https://pastebin.com/raw/xp1Gi7nG" target="_blank">Testing Save</a> Editor</a> | <a href="https://pastebin.com/raw/xp1Gi7nG" target="_blank">Testing Save</a>