@navikt/ds-css 5.8.0 → 5.9.1

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/modal.css CHANGED
@@ -59,12 +59,17 @@
59
59
 
60
60
  @media (min-width: 480px) {
61
61
  .navds-modal {
62
- max-width: calc((100% - 6px) - 2em);
63
- max-height: calc((100% - 6px) - 2em);
62
+ max-width: calc(100% - 6px - 2em);
64
63
  }
65
64
 
66
65
  .navds-modal--autowidth {
67
- max-width: min(700px, calc((100% - 6px) - 2em));
66
+ max-width: min(700px, calc(100% - 6px - 2em));
67
+ }
68
+ }
69
+
70
+ @media (min-height: 480px) {
71
+ .navds-modal {
72
+ max-height: calc(100% - 6px - 2em);
68
73
  }
69
74
  }
70
75
 
@@ -130,6 +135,14 @@
130
135
  margin-left: auto;
131
136
  }
132
137
 
138
+ /* When Datepicker is used nested inside a Modal */
139
+ .navds-modal--polyfilled .navds-modal--polyfilled.navds-date__nested-modal {
140
+ min-width: fit-content;
141
+ max-width: 100vw;
142
+ max-height: 100vh;
143
+ animation: none;
144
+ }
145
+
133
146
  @keyframes akselModalFadeIn {
134
147
  from {
135
148
  opacity: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-css",
3
- "version": "5.8.0",
3
+ "version": "5.9.1",
4
4
  "description": "CSS for NAV Designsystem",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "keywords": [
@@ -27,7 +27,7 @@
27
27
  "css:get-version": "node config/get-version.js"
28
28
  },
29
29
  "devDependencies": {
30
- "@navikt/ds-tokens": "^5.8.0",
30
+ "@navikt/ds-tokens": "^5.9.1",
31
31
  "cssnano": "6.0.0",
32
32
  "fast-glob": "3.2.11",
33
33
  "lodash": "4.17.21",