diff --git a/luci-app-nekobox/htdocs/nekobox/ping.php b/luci-app-nekobox/htdocs/nekobox/ping.php index 6a78d8e00..d0f7a6f1c 100644 --- a/luci-app-nekobox/htdocs/nekobox/ping.php +++ b/luci-app-nekobox/htdocs/nekobox/ping.php @@ -1964,6 +1964,61 @@ window.addEventListener('load', function() { overflow: hidden; white-space: nowrap; } + +.icon-button { + background: none; + border: none; + color: inherit; + position: relative; + cursor: pointer; + padding: 5px; + margin: 5px; +} +.btn-bordered { + border: 1px solid #ccc; + border-radius: 5px; + padding: 5px 10px; +} +.file-checkbox { + margin-right: 10px; + width: 20px; + height: 20px; +} +.icon-button .tooltip { + visibility: hidden; + width: auto; + background-color: black; + color: #fff; + text-align: center; + border-radius: 5px; + padding: 5px; + position: absolute; + z-index: 1; + bottom: 125%; + left: 50%; + margin-left: -60px; + opacity: 0; + transition: opacity 0.3s; + white-space: nowrap; + font-size: 16px; +} +.icon-button .tooltip::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: black transparent transparent transparent; +} +.icon-button:hover .tooltip { + visibility: visible; + opacity: 1; + width: auto; + max-width: 200px; + word-wrap: break-word; +}