incremental-social/The-Modding-Tree
incremental-social/The-Modding-Tree
Template
1
0
Fork 0
mirror of https://github.com/Acamaeda/The-Modding-Tree.git synced 2024-11-21 08:12:39 +00:00
Code Issues Releases Activity Actions

New tooltip CSS

Browse source
This commit is contained in:
Harley White 2021-06-17 11:58:48 -04:00
parent 92f531273a
commit 68521fb631
2 changed files with 37 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
changelog.md
View file

@ -4,6 +4,7 @@
- The game now autosaves before closing, if autosave is on. (Thank you to thepaperpilot for this!)
- More Anti-NaN safety.
- Fixed challenges glowing from countsAs.
- Improved tooltip centering (thanks to Scarlettt!)
- canReset now works properly for non-custom layers.
- Fixed baseAmount being set to 0 even when a layer resets nothing.
- Fixed centering on tooltips.

71
css/misc.css
View file

@ -27,47 +27,46 @@
}
.tooltip {
pointer-events: none;
text-align: center;
width: 150px;
font-size: 16px;
line-height: 1.2;
bottom: 100%;
left: 50%;
margin-bottom: 5px;
padding: 7px;
font-family: "Lucida Console", "Courier New", monospace;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 0;
transition: opacity 0.5s;
transform: translateX(-50%);
min-width: max-content;
pointer-events: none;
text-align: center;
width: 150px;
font-size: 16px;
line-height: 1.2;
bottom: 100%;
left: 50%;
margin-bottom: 5px;
transform: translateX(-50%);
padding: 7px;
font-family: "Lucida Console", "Courier New", monospace;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 0;
transition: opacity 0.5s;
position: absolute;
z-index: 20000 ;
position: absolute;
z-index: 20000;
background-color: var(--background_tooltip);
color: var(--points);
content: attr(tooltip);
font-size:14px;
background-color: var(--background_tooltip);
color: var(--points);
content: attr(tooltip);
font-size:14px;
}
}
.tooltip::after {
content: " ";
position: absolute;
bottom: 100%;
left: 50%;
.tooltip::after {
content: " ";
position: absolute;
bottom: 100%;
left: 50%;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: var(--background_tooltip) transparent transparent transparent;
}
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: var(--background_tooltip) transparent transparent transparent;
}
/* Horizontal/vertical lines */
.vl {