diff --git a/changelog.md b/changelog.md index 11fc274..51ba76a 100644 --- a/changelog.md +++ b/changelog.md @@ -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. diff --git a/css/misc.css b/css/misc.css index 83a1fce..1a9ec6e 100644 --- a/css/misc.css +++ b/css/misc.css @@ -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; - - position: absolute; - z-index: 20000 ; + 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; - background-color: var(--background_tooltip); - color: var(--points); - content: attr(tooltip); - font-size:14px; + position: absolute; + z-index: 20000; + + 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 {