33
2
mirror of https://github.com/joomla-extensions/jedchecker.git synced 2024-11-27 07:16:39 +00:00

Add support of Bootstrap5 tooltips

This commit is contained in:
Denis Ryabov 2021-04-04 10:59:42 +03:00
parent c8b3c59daa
commit e69d2eb2cc
7 changed files with 103 additions and 9 deletions

View File

@ -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;
}

File diff suppressed because one or more lines are too long

View File

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

View File

@ -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}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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]'});
});