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

deselect all, style tooltip

Browse source
This commit is contained in:
ReznoRMichael 2021-01-31 00:37:19 +01:00
parent 5321cf3649
commit 301e0ac32e
4 changed files with 29 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/app.js
View file

File diff suppressed because one or more lines are too long

19
docs/main.css
View file

@ -646,21 +646,24 @@ input[type="radio"] {
.tooltip {
position: relative;
margin: 0 auto;
width: max-content;
}
.tooltip .tooltip-text {
visibility: hidden;
width: max-content;
background-color: #555;
color: #fff;
background-color: #1e4d6c;
color: #d9f3ff;
font-size: 0.85rem;
text-align: center;
border-radius: 6px;
padding: 5px;
border-radius: 3px;
padding: 0.16rem 0.7rem;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -75px;
bottom: 130%;
left: 25%;
/* margin-left: -115px; */
opacity: 0;
transition: opacity 0.3s;
}
@ -673,7 +676,7 @@ input[type="radio"] {
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
border-color: #1e4d6c transparent transparent transparent;
}
.tooltip:hover .tooltip-text {

19
src/css/style.css
View file

@ -539,21 +539,24 @@ input[type="radio"] {
.tooltip {
position: relative;
margin: 0 auto;
width: max-content;
}
.tooltip .tooltip-text {
visibility: hidden;
width: max-content;
background-color: #555;
color: #fff;
background-color: #1e4d6c;
color: #d9f3ff;
font-size: 0.85rem;
text-align: center;
border-radius: 6px;
padding: 5px;
border-radius: 3px;
padding: 0.16rem 0.7rem;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -75px;
bottom: 130%;
left: 25%;
/* margin-left: -115px; */
opacity: 0;
transition: opacity 0.3s;
}
@ -566,7 +569,7 @@ input[type="radio"] {
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
border-color: #1e4d6c transparent transparent transparent;
}
.tooltip:hover .tooltip-text {

7
src/js/HKCheckCompletion.js
View file

@ -1050,6 +1050,11 @@ function SelectCopyInputText(mouseEvent, tooltipId = "", tooltipFill = "") {
const element = document.getElementById(mouseEvent.target.id);
// this prevents the un-selected effect after clicking the second time (clears all selection first)
if (window.getSelection) {
window.getSelection().removeAllRanges();
}
element.focus(); // best to focus the element first before selecting
element.select();
element.setSelectionRange(0, 99999); // for mobile devices
@ -1061,7 +1066,7 @@ function SelectCopyInputText(mouseEvent, tooltipId = "", tooltipFill = "") {
}
function ShowTooltip(tooltipId, tooltipFill) {
const tooltip = document.getElementById(tooltipId);
tooltip.innerHTML = tooltipFill;
}