[fix] css improvements

This commit is contained in:
Andy Bunce 2025-09-25 18:29:28 +01:00
parent a005b42424
commit f6dbec0b4c
3 changed files with 6 additions and 6 deletions

View file

@ -42,8 +42,8 @@ body {
summary {
/* class: bg-info; */
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
--bs-bg-opacity: 1;
background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important;
}
/* Set editor dimensions */

View file

@ -148,7 +148,7 @@
<option value="xquery">xquery</option>
<option value="xml">xml</option>
</select>
<button popovertarget="popHelp"><i class="codicon codicon-info"></i></button></a>
<button popovertarget="popHelp"><i class="codicon codicon-info"></i></button>
</footer>
</div>
<!-- Popovers -->

View file

@ -34,12 +34,12 @@ class ListComponent extends HTMLElement {
/* Render the list items #data */
render() {
const list = document.createElement('ul');
list.style="max-height:80cqh;overflow: scroll;";
list.style="max-height:80cqh;overflow: auto;";
const shad=this.#shadow;
this.#data.forEach((item, index) => {
const listItem = document.createElement('li');
listItem.innerHTML = `<i class='codicon codicon-${this.#iconKinds[item.kind]}'></i>
<span>${item.name} - ${item.detail}</span>`;
listItem.innerHTML = `<a><i class='codicon codicon-${this.#iconKinds[item.kind]}'></i>
<span>${item.name} - ${item.detail}</span></a>`;
// Adding a click event listener for user interaction
listItem.addEventListener('click', () => {
console.log('Item clicked:', item, listItem);