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 16:13:55 +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.

11
css/misc.css
View file

@ -35,6 +35,7 @@
bottom: 100%; bottom: 100%;
left: 50%; left: 50%;
margin-bottom: 5px; margin-bottom: 5px;
transform: translateX(-50%);
padding: 7px; padding: 7px;
font-family: "Lucida Console", "Courier New", monospace; font-family: "Lucida Console", "Courier New", monospace;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
@ -42,20 +43,18 @@
border-radius: 3px; border-radius: 3px;
opacity: 0; opacity: 0;
transition: opacity 0.5s; transition: opacity 0.5s;
transform: translateX(-50%);
min-width: max-content;
position: absolute; position: absolute;
z-index: 20000 ; z-index: 20000;
background-color: var(--background_tooltip); background-color: var(--background_tooltip);
color: var(--points); color: var(--points);
content: attr(tooltip); content: attr(tooltip);
font-size:14px; font-size:14px;
} }
.tooltip::after { .tooltip::after {
content: " "; content: " ";
position: absolute; position: absolute;
bottom: 100%; bottom: 100%;
@ -67,7 +66,7 @@
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 {