Add support of Bootstrap5 tooltips

media/com_jedchecker/css/j4-style.css

@@ -599,6 +599,73 @@
   background-color: #0b1c32;
   border-color: #0b1c32;
 }
+#jedchecker .tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  margin: 0;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.8rem;
+  word-wrap: break-word;
+  opacity: 0;
+}
+#jedchecker .tooltip.show {
+  opacity: 0.9;
+}
+#jedchecker .tooltip .tooltip-arrow {
+  position: absolute;
+  display: block;
+  width: 0.8rem;
+  height: 0.4rem;
+}
+#jedchecker .tooltip .tooltip-arrow::before {
+  position: absolute;
+  content: "";
+  border-color: transparent;
+  border-style: solid;
+}
+#jedchecker .bs-tooltip-top {
+  padding: 0.4rem 0;
+}
+#jedchecker .bs-tooltip-top .tooltip-arrow {
+  bottom: 0;
+}
+#jedchecker .bs-tooltip-top .tooltip-arrow::before {
+  top: -1px;
+  border-width: 0.4rem 0.4rem 0;
+  border-top-color: #000;
+}
+#jedchecker .bs-tooltip-bottom {
+  padding: 0.4rem 0;
+}
+#jedchecker .bs-tooltip-bottom .tooltip-arrow {
+  top: 0;
+}
+#jedchecker .bs-tooltip-bottom .tooltip-arrow::before {
+  bottom: -1px;
+  border-width: 0 0.4rem 0.4rem;
+  border-bottom-color: #000;
+}
+#jedchecker .tooltip-inner {
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 0.25rem;
+}
 #jedchecker .d-flex {
   display: flex !important;
 }
@@ -608,6 +675,15 @@
 #jedchecker .justify-content-between {
   justify-content: space-between !important;
 }
+#jedchecker .mt-3 {
+  margin-top: 1rem !important;
+}
+#jedchecker .me-1 {
+  margin-right: 0.25rem !important;
+}
+#jedchecker .mb-1 {
+  margin-bottom: 0.25rem !important;
+}
 #jedchecker .ps-1 {
   padding-left: 0.25rem !important;
 }
@@ -739,6 +815,17 @@
   border: 0;
   box-shadow: none;
 }
+#jedchecker [role=tooltip]:not(.show) {
+  z-index: 1070;
+  display: none;
+  max-width: 100%;
+  padding: 0.5em;
+  margin: 0.25em;
+  color: #fff;
+  text-align: start;
+  background: #000;
+  border-radius: 0.2rem;
+}
 #jedchecker * {
   box-sizing: border-box;
 }

media/com_jedchecker/css/style.css

@@ -72,3 +72,6 @@
 #jedchecker .collapse {
 	height: inherit;
 }
+#jedchecker .tooltip > .tooltip-arrow {
+  border-style: none;
+}

media/com_jedchecker/css/style.min.css

@@ -1 +1 @@
-@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}#jedchecker .spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}#jedchecker .spinner-border-sm{width:1rem;height:1rem;border-width:.2em}#jedchecker .spinner-border.hidden{display:none}#jedchecker .list-group-item-action.list-group-item-action.active{color:#fff;background-color:#132f53!important;border-color:#132f53!important}#jedchecker .badge{border:none!important;padding:.3rem .45rem!important}#jedchecker .badge.bg-info{background-color:#2a69b8!important;color:#fff}#jedchecker .alert.alert-warning{color:#664808;background-color:#fff0d0;border-color:#ffe9b9}#jedchecker .alert.alert-info{color:#193f6e;background-color:#d4e1f1;border-color:#bfcbd9}#jedchecker .alert pre{margin-bottom:0;white-space:pre}#jedchecker input[type=file]{height:auto}#jedchecker .fade.show{opacity:1}#jedchecker .collapse{height:inherit}
+@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}#jedchecker .spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}#jedchecker .spinner-border-sm{width:1rem;height:1rem;border-width:.2em}#jedchecker .spinner-border.hidden{display:none}#jedchecker .list-group-item-action.list-group-item-action.active{color:#fff;background-color:#132f53!important;border-color:#132f53!important}#jedchecker .badge{border:none!important;padding:.3rem .45rem!important}#jedchecker .badge.bg-info{background-color:#2a69b8!important;color:#fff}#jedchecker .alert.alert-warning{color:#664808;background-color:#fff0d0;border-color:#ffe9b9}#jedchecker .alert.alert-info{color:#193f6e;background-color:#d4e1f1;border-color:#bfcbd9}#jedchecker .alert pre{margin-bottom:0;white-space:pre}#jedchecker input[type=file]{height:auto}#jedchecker .fade.show{opacity:1}#jedchecker .collapse{height:inherit}#jedchecker .tooltip>.tooltip-arrow{border-style:none}

media/com_jedchecker/js/script.js

@@ -83,3 +83,7 @@ Joomla.submitbutton = function (task) {
 		Joomla.submitform(task);
 	}
 }
+
+jQuery(document).ready(function() {
+	new bootstrap.Tooltip(document.getElementById('jedchecker'), {container: 'body', selector: '[data-bs-toggle=tooltip]'});
+});