Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2025-03-31 23:31:30 -05:00
Code Issues Activity

fix(toolbar): Fixes some errors tests after merges brought up (#10371)

Browse source
This commit is contained in:
Erika 2024-03-08 13:48:44 +01:00 • committed by GitHub
parent 9e1ef6f0c9
commit 01497f2bc2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 24 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/astro/src/runtime/client/dev-toolbar/apps/audit/index.ts
View file

@ -123,11 +123,11 @@ export default {
async function lint() {
// Clear the previous audits
if (audits.length > 0) {
audits = [];
audits.forEach((audit) => {
audit.highlight?.remove();
audit.card?.remove();
});
audits = [];
hasCreatedUI = false;
}

3
packages/astro/src/runtime/client/dev-toolbar/apps/audit/ui/audit-list-window.ts
View file

@ -5,7 +5,7 @@ import { getAuditCategory, rulesCategories } from '../rules/index.js';
export function createRoundedBadge(icon: Icon) {
const badge = document.createElement('astro-dev-toolbar-badge');
badge.shadowRoot.innerHTML = `
badge.shadowRoot.innerHTML += `
<style>
:host>div {
padding: 12px 8px;
@ -283,6 +283,7 @@ export class DevToolbarAuditListWindow extends HTMLElement {
}
.no-audit-container astro-dev-toolbar-icon {
width: auto;
height: auto;
margin: 0 auto;
}

9
packages/astro/src/runtime/client/dev-toolbar/ui-library/badge.ts
View file

@ -106,14 +106,15 @@ export class DevToolbarBadge extends HTMLElement {
}
updateStyle() {
const style = this.shadowRoot.getElementById('selected-style') as HTMLStyleElement;
const style = this.shadowRoot.querySelector<HTMLStyleElement>('#selected-style');
style.innerHTML = `
if (style) {
style.innerHTML = `
.badge {
--text-color: var(--${this.badgeStyle}-text);
--border-color: var(--${this.badgeStyle}-border);
--size: var(--${this.size});
}
`;
}`;
}
}
}

9
packages/astro/src/runtime/client/dev-toolbar/ui-library/button.ts
View file

@ -129,17 +129,18 @@ export class DevToolbarButton extends HTMLElement {
}
updateStyle() {
const style = this.shadowRoot.getElementById('selected-style') as HTMLStyleElement;
const style = this.shadowRoot.querySelector<HTMLStyleElement>('#selected-style');
style.innerHTML = `
if (style) {
style.innerHTML = `
button {
--background: var(--${this.buttonStyle}-background);
--border: var(--${this.buttonStyle}-border);
--font-size: var(--${this.size}-font-size);
--padding: var(--${this.size}-padding);
--text-color: var(--${this.buttonStyle}-text);
}
`;
}`;
}
}
attributeChangedCallback() {

2
packages/astro/src/runtime/client/dev-toolbar/ui-library/card.ts
View file

@ -43,7 +43,7 @@ export class DevToolbarCard extends HTMLElement {
}
updateStyle() {
const style = this.shadowRoot.getElementById('selected-style');
const style = this.shadowRoot.querySelector<HTMLStyleElement>('#selected-style');
if (style) {
style.innerHTML = `

10
packages/astro/src/runtime/client/dev-toolbar/ui-library/highlight.ts
View file

@ -86,13 +86,15 @@ export class DevToolbarHighlight extends HTMLElement {
}
updateStyle() {
const style = this.shadowRoot.getElementById('selected-style') as HTMLStyleElement;
style.innerHTML = `
const style = this.shadowRoot.querySelector<HTMLStyleElement>('#selected-style');
if (style) {
style.innerHTML = `
:host {
--background: var(--${this.highlightStyle}-background);
--border: var(--${this.highlightStyle}-border);
}
`;
}`;
}
}
attributeChangedCallback() {

6
packages/astro/src/runtime/client/dev-toolbar/ui-library/toggle.ts
View file

@ -108,14 +108,16 @@ export class DevToolbarToggle extends HTMLElement {
}
updateStyle() {
const style = this.shadowRoot.getElementById('selected-style') as HTMLStyleElement;
style.innerHTML = `
const style = this.shadowRoot.querySelector<HTMLStyleElement>('#selected-style');
if (style) {
style.innerHTML = `
:host {
--bg-on: var(--${this.toggleStyle}-bg-on);
--border-off: var(--${this.toggleStyle}-border-off);
--border-on: var(--${this.toggleStyle}-border-on);
}
`;
}
}
connectedCallback() {