Skip to content

Commit 1460bd1

Browse files
Update data (#14)
Co-authored-by: fisker <[email protected]>
1 parent 0fd2af7 commit 1460bd1

File tree

2 files changed

+11
-46
lines changed

2 files changed

+11
-46
lines changed

index.css

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -98,20 +98,16 @@ dialog:not([open]) {
9898
}
9999
dialog {
100100
position: absolute;
101-
inset-inline-start: 0;
102-
inset-inline-end: 0;
103-
width: fit-content;
104-
height: fit-content;
105-
margin: auto;
101+
justify-self: dialog;
106102
border: solid;
107103
padding: 1em;
108104
background-color: Canvas;
109105
color: CanvasText;
110106
}
111107
dialog:modal {
112108
position: fixed;
109+
place-self: dialog;
113110
overflow: auto;
114-
inset-block: 0;
115111
max-width: calc(100% - 6px - 2em);
116112
max-height: calc(100% - 6px - 2em);
117113
}
@@ -129,10 +125,7 @@ dialog:popover-open {
129125

130126
[popover] {
131127
position: fixed;
132-
inset: 0;
133-
width: fit-content;
134-
height: fit-content;
135-
margin: auto;
128+
place-self: dialog;
136129
border: solid;
137130
padding: 0.25em;
138131
overflow: auto;

index.js

Lines changed: 8 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -200,24 +200,8 @@ export default [
200200
value: 'absolute',
201201
},
202202
{
203-
property: 'inset-inline-start',
204-
value: '0',
205-
},
206-
{
207-
property: 'inset-inline-end',
208-
value: '0',
209-
},
210-
{
211-
property: 'width',
212-
value: 'fit-content',
213-
},
214-
{
215-
property: 'height',
216-
value: 'fit-content',
217-
},
218-
{
219-
property: 'margin',
220-
value: 'auto',
203+
property: 'justify-self',
204+
value: 'dialog',
221205
},
222206
{
223207
property: 'border',
@@ -246,12 +230,12 @@ export default [
246230
value: 'fixed',
247231
},
248232
{
249-
property: 'overflow',
250-
value: 'auto',
233+
property: 'place-self',
234+
value: 'dialog',
251235
},
252236
{
253-
property: 'inset-block',
254-
value: '0',
237+
property: 'overflow',
238+
value: 'auto',
255239
},
256240
{
257241
property: 'max-width',
@@ -302,20 +286,8 @@ export default [
302286
value: 'fixed',
303287
},
304288
{
305-
property: 'inset',
306-
value: '0',
307-
},
308-
{
309-
property: 'width',
310-
value: 'fit-content',
311-
},
312-
{
313-
property: 'height',
314-
value: 'fit-content',
315-
},
316-
{
317-
property: 'margin',
318-
value: 'auto',
289+
property: 'place-self',
290+
value: 'dialog',
319291
},
320292
{
321293
property: 'border',

0 commit comments

Comments
 (0)