@oslokommune/punkt-css 16.2.0 → 16.3.0
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 +11 -6
- package/dist/css/components/modal.min.css +1 -1
- package/dist/css/components/textinput.css +1 -1
- package/dist/css/components/textinput.min.css +1 -1
- package/dist/css/elements/checkbox-radio.css +3 -3
- package/dist/css/elements/checkbox-radio.min.css +1 -1
- package/dist/css/elements/input.css +1 -1
- package/dist/css/elements/input.min.css +1 -1
- package/dist/css/elements/select.css +1 -1
- package/dist/css/elements/select.min.css +1 -1
- package/dist/css/pkt-base.css +1 -1
- package/dist/css/pkt-base.min.css +1 -1
- package/dist/css/pkt-components.css +12 -7
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +16 -11
- package/dist/css/pkt-docs.min.css +1 -1
- package/dist/css/pkt-elements.css +4 -4
- package/dist/css/pkt-elements.min.css +1 -1
- package/dist/css/pkt.css +16 -11
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/components/_modal.scss +11 -7
- package/package.json +2 -2
|
@@ -4100,7 +4100,7 @@ pkt-listbox {
|
|
|
4100
4100
|
.pkt-modal {
|
|
4101
4101
|
border: none;
|
|
4102
4102
|
padding: 0;
|
|
4103
|
-
background-color:
|
|
4103
|
+
background-color: var(--pkt-color-background-default);
|
|
4104
4104
|
opacity: 0;
|
|
4105
4105
|
display: none;
|
|
4106
4106
|
transition: translate 0.2s ease-in-out, opacity 0.2s ease-in-out, overlay 0.2s ease-in-out allow-discrete, display 0.2s ease-in-out allow-discrete;
|
|
@@ -4154,11 +4154,10 @@ pkt-listbox {
|
|
|
4154
4154
|
max-height: 100vh;
|
|
4155
4155
|
max-height: 100dvh;
|
|
4156
4156
|
margin: 0;
|
|
4157
|
-
overflow-y: auto;
|
|
4158
4157
|
}
|
|
4159
4158
|
.pkt-modal__drawer .pkt-modal__wrapper {
|
|
4160
|
-
|
|
4161
|
-
|
|
4159
|
+
height: 100vh;
|
|
4160
|
+
height: 100dvh;
|
|
4162
4161
|
}
|
|
4163
4162
|
.pkt-modal__drawer[open] {
|
|
4164
4163
|
translate: 0 0;
|
|
@@ -4213,13 +4212,17 @@ pkt-listbox {
|
|
|
4213
4212
|
}
|
|
4214
4213
|
.pkt-modal .pkt-modal__container {
|
|
4215
4214
|
padding-top: 2rem;
|
|
4215
|
+
margin-top: -1px;
|
|
4216
4216
|
background: var(--pkt-color-background-default);
|
|
4217
|
-
|
|
4217
|
+
display: flex;
|
|
4218
|
+
flex-direction: column;
|
|
4219
|
+
min-height: 0;
|
|
4220
|
+
overflow: hidden;
|
|
4218
4221
|
}
|
|
4219
4222
|
.pkt-modal .pkt-modal__header {
|
|
4220
4223
|
display: grid;
|
|
4221
4224
|
grid-template-columns: 1fr 4rem;
|
|
4222
|
-
grid-template-rows: 4rem 1fr;
|
|
4225
|
+
grid-template-rows: calc(4rem + 1px) 1fr;
|
|
4223
4226
|
grid-template-areas: "header close" "header empty";
|
|
4224
4227
|
justify-content: flex-start;
|
|
4225
4228
|
width: 100%;
|
|
@@ -4286,6 +4289,7 @@ pkt-listbox {
|
|
|
4286
4289
|
flex-grow: 1;
|
|
4287
4290
|
gap: 1rem;
|
|
4288
4291
|
overflow-y: auto;
|
|
4292
|
+
overscroll-behavior: contain;
|
|
4289
4293
|
padding: 2rem 2.5rem;
|
|
4290
4294
|
padding-top: 0;
|
|
4291
4295
|
position: relative;
|
|
@@ -4361,6 +4365,7 @@ body.pkt-modal--open {
|
|
|
4361
4365
|
}
|
|
4362
4366
|
.pkt-modal--noShadow {
|
|
4363
4367
|
box-shadow: none;
|
|
4368
|
+
background-color: transparent;
|
|
4364
4369
|
}
|
|
4365
4370
|
|
|
4366
4371
|
.pkt-modal--transparentBackdrop::backdrop, .pkt-modal--transparentBackdrop[open]::backdrop {
|
|
@@ -5490,7 +5495,7 @@ pkt-select {
|
|
|
5490
5495
|
padding-right: 3rem;
|
|
5491
5496
|
}
|
|
5492
5497
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]) {
|
|
5493
|
-
--svg: url(https://punkt-cdn.oslo.kommune.no/16.
|
|
5498
|
+
--svg: url(https://punkt-cdn.oslo.kommune.no/16.3/icons/chevron-thin-down.svg);
|
|
5494
5499
|
background-image: var(--svg);
|
|
5495
5500
|
background-repeat: no-repeat;
|
|
5496
5501
|
background-position: right 0.7rem top 50%;
|