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 dev overlay style leak (#9220)

Browse source 
Co-authored-by: Erika <3019731+Princesseuh@users.noreply.github.com>
This commit is contained in:
Nate Moore 2023-11-29 10:17:13 -06:00 • committed by GitHub
parent f4401c8c1f
commit 4a5f2cde17
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/astro/src/runtime/client/dev-overlay/overlay.ts
View file

@ -35,8 +35,10 @@ export class AstroDevOverlay extends HTMLElement {
async connectedCallback() {
if (!this.hasBeenInitialized) {
this.shadowRoot.innerHTML = `
<style>
<style>
:host {
/* Important! Reset all inherited styles to initial */
all: initial;
z-index: 999999;
view-transition-name: astro-dev-overlay;
display: contents;
@ -44,7 +46,7 @@ export class AstroDevOverlay extends HTMLElement {
::view-transition-old(astro-dev-overlay),
::view-transition-new(astro-dev-overlay) {
animation: none;
animation: none;
}
#dev-overlay {
@ -73,7 +75,7 @@ export class AstroDevOverlay extends HTMLElement {
visibility: hidden;
}
#dev-bar {
#dev-bar {
height: 56px;
overflow: hidden;
pointer-events: auto;
@ -253,7 +255,7 @@ export class AstroDevOverlay extends HTMLElement {
white-space: nowrap;
border-width: 0;
}
</style>
</style>
<div id="dev-overlay">
<div id="dev-bar">