@ons/design-system 61.0.1 → 61.0.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.
@@ -38,7 +38,7 @@
38
38
 
39
39
  {% for rowItem in row.rowItems %}
40
40
  <dl class="ons-summary__row{{ " ons-summary__row--has-values" if rowItem.valueList else "" }}"{% if rowItem.id %} id="{{ rowItem.id }}"{% endif %}>
41
- <dt class="ons-summary__item-title{% if not rowItem.actions %} ons-summary__item-title--2{% endif %}"
41
+ <dt class="ons-summary__item-title"
42
42
  {% if rowItem.rowTitleAttributes %}{% for attribute, value in (rowItem.rowTitleAttributes.items() if rowItem.rowTitleAttributes is mapping and rowItem.rowTitleAttributes.items else rowItem.rowTitleAttributes) %}{{attribute}}="{{value}}" {% endfor %}{% endif %}
43
43
  >
44
44
  {% if rowItem.iconType %}
@@ -63,7 +63,7 @@
63
63
  </dt>
64
64
  {% if rowItem.valueList %}
65
65
  <dd
66
- class="ons-summary__values"
66
+ class="ons-summary__values{% if not rowItem.actions %} ons-summary__values--2{% endif %}"
67
67
  {% if rowItem.attributes %}{% for attribute, value in (rowItem.attributes.items() if rowItem.attributes is mapping and rowItem.attributes.items else rowItem.attributes) %}{{attribute}}="{{value}}" {% endfor %}{% endif %}
68
68
  >
69
69
  {% if rowItem.valueList | length == 1 %}
@@ -178,7 +178,7 @@ $hub-row-spacing: 1.3rem;
178
178
  &__item-title,
179
179
  &__values,
180
180
  &__actions {
181
- flex: 4;
181
+ flex: 5 1 33%;
182
182
  padding-top: $summary-row-spacing;
183
183
  vertical-align: top;
184
184
 
@@ -196,13 +196,8 @@ $hub-row-spacing: 1.3rem;
196
196
  align-self: flex-start;
197
197
  }
198
198
 
199
- &__item-title,
200
- &__values {
201
- flex: 7.3;
202
- }
203
-
204
- &__item-title--2 {
205
- flex: 4.5;
199
+ &__values--2 {
200
+ flex: 10.5 1 66%;
206
201
  }
207
202
 
208
203
  &--hub & {
@@ -211,10 +206,6 @@ $hub-row-spacing: 1.3rem;
211
206
  &__actions {
212
207
  padding-top: $hub-row-spacing;
213
208
  }
214
-
215
- &__actions {
216
- flex: 6;
217
- }
218
209
  }
219
210
  }
220
211
  }