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

19
src/css/style.css
View file

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

5
src/js/HKCheckCompletion.js
View file

@ -1050,6 +1050,11 @@ function SelectCopyInputText(mouseEvent, tooltipId = "", tooltipFill = "") {
const element = document.getElementById(mouseEvent.target.id); 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.focus(); // best to focus the element first before selecting
element.select(); element.select();
element.setSelectionRange(0, 99999); // for mobile devices element.setSelectionRange(0, 99999); // for mobile devices