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>
<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" 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">
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>

6
build/main.css
View file

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

2
src/index.html
View file

@ -69,12 +69,14 @@
class="simpleicon-github"></i>GitHub</a>
<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" 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">
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>