@oslokommune/punkt-css 12.37.0 → 12.37.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/css/components/modal.css +29 -1
- package/dist/css/components/modal.min.css +1 -1
- package/dist/css/pkt-components.css +29 -1
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +29 -1
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt.css +29 -1
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/components/_modal.scss +29 -2
- package/package.json +2 -2
package/dist/css/pkt.css
CHANGED
|
@@ -21213,15 +21213,35 @@ pkt-listbox {
|
|
|
21213
21213
|
/*
|
|
21214
21214
|
* Modal component
|
|
21215
21215
|
*/
|
|
21216
|
+
.pkt-modal:not([open]) {
|
|
21217
|
+
display: none;
|
|
21218
|
+
}
|
|
21216
21219
|
.pkt-modal[open] {
|
|
21217
21220
|
background-color: transparent;
|
|
21218
21221
|
border: none;
|
|
21219
21222
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
|
21220
21223
|
padding: 0;
|
|
21221
21224
|
max-height: 90vh;
|
|
21225
|
+
max-height: 90svh;
|
|
21222
21226
|
display: block;
|
|
21223
21227
|
}
|
|
21224
|
-
|
|
21228
|
+
@supports not (selector(::backdrop)) {
|
|
21229
|
+
.pkt-modal[open] {
|
|
21230
|
+
position: fixed;
|
|
21231
|
+
top: 50%;
|
|
21232
|
+
left: 50%;
|
|
21233
|
+
transform: translate(-50%, -50%);
|
|
21234
|
+
}
|
|
21235
|
+
.pkt-modal[open] + .backdrop {
|
|
21236
|
+
background-color: rgba(0, 0, 0, 0.55);
|
|
21237
|
+
position: fixed;
|
|
21238
|
+
top: 0;
|
|
21239
|
+
left: 0;
|
|
21240
|
+
width: 100vw;
|
|
21241
|
+
height: 100vh;
|
|
21242
|
+
}
|
|
21243
|
+
}
|
|
21244
|
+
.pkt-modal[open]::backdrop {
|
|
21225
21245
|
background-color: rgba(0, 0, 0, 0.55);
|
|
21226
21246
|
}
|
|
21227
21247
|
.pkt-modal[open] .pkt-modal__container {
|
|
@@ -21385,6 +21405,14 @@ body.pkt-modal--open {
|
|
|
21385
21405
|
margin: 0;
|
|
21386
21406
|
}
|
|
21387
21407
|
|
|
21408
|
+
._dialog_overlay {
|
|
21409
|
+
position: fixed;
|
|
21410
|
+
top: 0;
|
|
21411
|
+
right: 0;
|
|
21412
|
+
bottom: 0;
|
|
21413
|
+
left: 0;
|
|
21414
|
+
}
|
|
21415
|
+
|
|
21388
21416
|
/*
|
|
21389
21417
|
* Messagebox component
|
|
21390
21418
|
*/
|