diff --git a/src/Server/wwwroot/elmah-ui/custom.css b/src/Server/wwwroot/elmah-ui/custom.css index 355b0b9..23b604b 100644 --- a/src/Server/wwwroot/elmah-ui/custom.css +++ b/src/Server/wwwroot/elmah-ui/custom.css @@ -41,6 +41,7 @@ } /* expand on hover */ +.elmah-return-btn.show-label::before, .elmah-return-btn:hover::before { max-width: 220px; padding: 0.5rem; @@ -48,6 +49,7 @@ } /* hover colors */ +.elmah-return-btn.show-label, .elmah-return-btn:hover { background: #0b5ed7; color: white; diff --git a/src/Server/wwwroot/elmah-ui/custom.js b/src/Server/wwwroot/elmah-ui/custom.js index b56fc10..148d662 100644 --- a/src/Server/wwwroot/elmah-ui/custom.js +++ b/src/Server/wwwroot/elmah-ui/custom.js @@ -7,4 +7,11 @@ document.addEventListener('DOMContentLoaded', async () => { btn.className = "elmah-return-btn"; document.body.appendChild(btn); + + const showLabelBriefly = () => { + btn.classList.add("show-label"); + setTimeout(() => btn.classList.remove("show-label"), 2000); + }; + + setTimeout(showLabelBriefly, 1000); });