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

73
css/misc.css
View file

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