@oslokommune/punkt-css 16.0.5 → 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 +34 -0
- package/dist/css/components/card.css +1 -0
- package/dist/css/components/card.min.css +1 -1
- 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 +13 -7
- package/dist/css/pkt-components.min.css +1 -1
- package/dist/css/pkt-docs.css +17 -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 +17 -11
- package/dist/css/pkt.min.css +1 -1
- package/dist/scss/abstracts/variables/_index.scss +1 -1
- package/dist/scss/components/_card.scss +1 -0
- package/dist/scss/components/_modal.scss +11 -7
- package/package.json +2 -2
|
@@ -862,6 +862,7 @@ pkt-card {
|
|
|
862
862
|
.pkt-card .pkt-card__image.pkt-card__image-round {
|
|
863
863
|
border-radius: 50%;
|
|
864
864
|
align-self: unset;
|
|
865
|
+
flex-grow: 0;
|
|
865
866
|
max-height: 400px;
|
|
866
867
|
max-width: 400px;
|
|
867
868
|
}
|
|
@@ -4099,7 +4100,7 @@ pkt-listbox {
|
|
|
4099
4100
|
.pkt-modal {
|
|
4100
4101
|
border: none;
|
|
4101
4102
|
padding: 0;
|
|
4102
|
-
background-color:
|
|
4103
|
+
background-color: var(--pkt-color-background-default);
|
|
4103
4104
|
opacity: 0;
|
|
4104
4105
|
display: none;
|
|
4105
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;
|
|
@@ -4153,11 +4154,10 @@ pkt-listbox {
|
|
|
4153
4154
|
max-height: 100vh;
|
|
4154
4155
|
max-height: 100dvh;
|
|
4155
4156
|
margin: 0;
|
|
4156
|
-
overflow-y: auto;
|
|
4157
4157
|
}
|
|
4158
4158
|
.pkt-modal__drawer .pkt-modal__wrapper {
|
|
4159
|
-
|
|
4160
|
-
|
|
4159
|
+
height: 100vh;
|
|
4160
|
+
height: 100dvh;
|
|
4161
4161
|
}
|
|
4162
4162
|
.pkt-modal__drawer[open] {
|
|
4163
4163
|
translate: 0 0;
|
|
@@ -4212,13 +4212,17 @@ pkt-listbox {
|
|
|
4212
4212
|
}
|
|
4213
4213
|
.pkt-modal .pkt-modal__container {
|
|
4214
4214
|
padding-top: 2rem;
|
|
4215
|
+
margin-top: -1px;
|
|
4215
4216
|
background: var(--pkt-color-background-default);
|
|
4216
|
-
|
|
4217
|
+
display: flex;
|
|
4218
|
+
flex-direction: column;
|
|
4219
|
+
min-height: 0;
|
|
4220
|
+
overflow: hidden;
|
|
4217
4221
|
}
|
|
4218
4222
|
.pkt-modal .pkt-modal__header {
|
|
4219
4223
|
display: grid;
|
|
4220
4224
|
grid-template-columns: 1fr 4rem;
|
|
4221
|
-
grid-template-rows: 4rem 1fr;
|
|
4225
|
+
grid-template-rows: calc(4rem + 1px) 1fr;
|
|
4222
4226
|
grid-template-areas: "header close" "header empty";
|
|
4223
4227
|
justify-content: flex-start;
|
|
4224
4228
|
width: 100%;
|
|
@@ -4285,6 +4289,7 @@ pkt-listbox {
|
|
|
4285
4289
|
flex-grow: 1;
|
|
4286
4290
|
gap: 1rem;
|
|
4287
4291
|
overflow-y: auto;
|
|
4292
|
+
overscroll-behavior: contain;
|
|
4288
4293
|
padding: 2rem 2.5rem;
|
|
4289
4294
|
padding-top: 0;
|
|
4290
4295
|
position: relative;
|
|
@@ -4360,6 +4365,7 @@ body.pkt-modal--open {
|
|
|
4360
4365
|
}
|
|
4361
4366
|
.pkt-modal--noShadow {
|
|
4362
4367
|
box-shadow: none;
|
|
4368
|
+
background-color: transparent;
|
|
4363
4369
|
}
|
|
4364
4370
|
|
|
4365
4371
|
.pkt-modal--transparentBackdrop::backdrop, .pkt-modal--transparentBackdrop[open]::backdrop {
|
|
@@ -5489,7 +5495,7 @@ pkt-select {
|
|
|
5489
5495
|
padding-right: 3rem;
|
|
5490
5496
|
}
|
|
5491
5497
|
.pkt-input:is(select):not([multiple]), .pkt-textinput__input:is(select):not([multiple]) {
|
|
5492
|
-
--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);
|
|
5493
5499
|
background-image: var(--svg);
|
|
5494
5500
|
background-repeat: no-repeat;
|
|
5495
5501
|
background-position: right 0.7rem top 50%;
|