@momentum-design/components 0.122.21 → 0.122.22

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.
@@ -1088,22 +1088,22 @@
1088
1088
  transform: translate(50%, 50%);
1089
1089
  }
1090
1090
 
1091
- :host > [part="body"]:first-of-type {
1092
- margin-top: 0;
1091
+ :host > [part='body']:first-of-type {
1092
+ padding-top: 0;
1093
1093
  }
1094
1094
 
1095
- :host > [part="dialog-close-btn"] {
1095
+ :host > [part='dialog-close-btn'] {
1096
1096
  margin-top: 0;
1097
1097
  }
1098
1098
 
1099
- :host > slot[name="footer"] {
1099
+ :host > slot[name='footer'] {
1100
1100
  margin-top: 0;
1101
1101
  }
1102
1102
 
1103
- slot[name="footer-link"]::slotted(*),
1104
- slot[name="footer-button-primary"]::slotted(*),
1105
- slot[name="footer-button-secondary"]::slotted(*),
1106
- slot[name="footer"]::slotted(*) {
1103
+ slot[name='footer-link']::slotted(*),
1104
+ slot[name='footer-button-primary']::slotted(*),
1105
+ slot[name='footer-button-secondary']::slotted(*),
1106
+ slot[name='footer']::slotted(*) {
1107
1107
  margin-top: 1rem;
1108
1108
  }
1109
1109
 
@@ -1138,12 +1138,15 @@
1138
1138
  height: 100%;
1139
1139
  border: none;
1140
1140
  border-radius: 0;
1141
+ max-height: 100vh;
1141
1142
  }
1142
1143
 
1143
1144
  :host {
1144
1145
  width: var(--mdc-dialog-width);
1145
1146
  height: var(--mdc-dialog-height);
1146
1147
  max-width: 100%;
1148
+ max-height: calc(100vh - 2rem);
1149
+ overflow-y: auto;
1147
1150
  }
1148
1151
 
1149
1152
  :host::part(header-section),
@@ -1181,7 +1184,8 @@
1181
1184
  align-items: center;
1182
1185
  height: 100%;
1183
1186
  width: 100%;
1184
- margin-top: 1rem;
1187
+ padding-top: 1rem;
1188
+ overflow-y: auto;
1185
1189
  }
1186
1190
 
1187
1191
  :host::part(footer) {
@@ -1253,7 +1257,7 @@
1253
1257
  background-position: right;
1254
1258
  }
1255
1259
  :host::part(body) {
1256
- margin-top: 2rem !important;
1260
+ padding-top: 2rem !important;
1257
1261
  display: grid;
1258
1262
  grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));
1259
1263
  }