jeffemmett
/
folk-canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

move EP css

This commit is contained in:
Orion Reed 2024-12-03 03:57:54 -05:00
parent ba416515a9
commit de8e3acacd
8 changed files with 7 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
demo/audio-beats-with-event-propagators.html
View File

@ -15,13 +15,6 @@
margin: 0; margin: 0;
} }
folk-event-propagator {
display: block;
position: absolute;
inset: 0 0 0 0;
pointer-events: none;
}
folk-shape { folk-shape {
border: 1px solid black; border: 1px solid black;
border-radius: 4px; border-radius: 4px;

7
demo/embeddable-llm-with-propagators.html
View File

@ -15,13 +15,6 @@
margin: 0; margin: 0;
} }
folk-event-propagator {
display: block;
position: absolute;
inset: 0 0 0 0;
pointer-events: none;
}
folk-shape { folk-shape {
border: 1px solid black; border: 1px solid black;
border-radius: 4px; border-radius: 4px;

7
demo/event-propagators.html
View File

@ -22,13 +22,6 @@
padding: 0px 5px; padding: 0px 5px;
z-index: 10; z-index: 10;
} }
folk-event-propagator {
display: block;
position: absolute;
inset: 0 0 0 0;
pointer-events: none;
}
</style> </style>
</head> </head>
<body> <body>

7
demo/folk-interface-for-qr-codes.html
View File

@ -20,13 +20,6 @@
field-sizing: content; field-sizing: content;
} }
folk-event-propagator {
display: block;
position: absolute;
inset: 0 0 0 0;
pointer-events: none;
}
body:not([rope-mode]) folk-event-propagator { body:not([rope-mode]) folk-event-propagator {
display: none; display: none;
} }

8
demo/propagator-toolbar.html
View File

@ -28,14 +28,6 @@
position: absolute; position: absolute;
inset: 0; inset: 0;
} }
folk-event-propagator {
display: block;
position: absolute;
inset: 0 0 0 0;
pointer-events: none;
z-index: 1000;
}
</style> </style>
</head> </head>
<body> <body>

7
demo/proximity-based-communication-and-event-propagators.html
View File

@ -54,13 +54,6 @@
border-radius: 5px; border-radius: 5px;
padding: 1rem; padding: 1rem;
} }
folk-event-propagator {
display: block;
position: absolute;
inset: 0 0 0 0;
pointer-events: none;
}
</style> </style>
</head> </head>
<body> <body>

4
demo/spreadsheet-map-propagator.html
View File

@ -22,10 +22,6 @@
} }
folk-event-propagator { folk-event-propagator {
display: block;
position: absolute;
inset: 0 0 0 0;
pointer-events: none;
z-index: calc(infinity); z-index: calc(infinity);
} }
</style> </style>

7
src/folk-event-propagator.ts
View File

@ -5,6 +5,13 @@ import type { Node } from '@babel/types';
const styles = new CSSStyleSheet(); const styles = new CSSStyleSheet();
styles.replaceSync(css` styles.replaceSync(css`
:host {
display: block;
position: absolute;
inset: 0 0 0 0;
pointer-events: none;
}
textarea { textarea {
position: absolute; position: absolute;
width: auto; width: auto;