Infrastructure/astro
0
Fork 0
mirror of https://github.com/withastro/astro.git synced 2024-12-30 22:03:56 -05:00
Code Issues Activity

Ensure dev-overlay-window is anchored to the bottom (#9222)

Browse source
This commit is contained in:
Matthew Phillips 2023-11-29 11:07:46 -05:00 committed by GitHub
parent 49aa215a01
commit 279e3c1b3d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/famous-eels-trade.md Normal file
View file

@ -0,0 +1,5 @@
---
'astro': patch
---
Ensure the dev-overlay-window is anchored to the bottom

3
packages/astro/src/runtime/client/dev-overlay/ui-library/window.ts
View file

@ -23,7 +23,8 @@ export class DevOverlayWindow extends HTMLElement {
color: rgba(204, 206, 216, 1);
position: fixed;
z-index: 999999999;
top: 55%;
/* -7.5em is a magic number that seems to keep it anchored with the dev bar */
bottom: calc(7.5% + -150px);
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 0px 0px 0px rgba(19, 21, 26, 0.30), 0px 1px 2px 0px rgba(19, 21, 26, 0.29), 0px 4px 4px 0px rgba(19, 21, 26, 0.26), 0px 10px 6px 0px rgba(19, 21, 26, 0.15), 0px 17px 7px 0px rgba(19, 21, 26, 0.04), 0px 26px 7px 0px rgba(19, 21, 26, 0.01);