Skip to content

Commit

Permalink
Remove selection from variable row height demo
Browse files Browse the repository at this point in the history
Previously, iron-list updated the height on item selection, therefore this
demo was working nicely when clicking on the items. Row details nicely now
demoes the dynamically varying heights.
  • Loading branch information
Saulis committed Jun 6, 2016
1 parent 72c603b commit f25b02b
Showing 1 changed file with 2 additions and 8 deletions.
10 changes: 2 additions & 8 deletions demo/styling.html
Original file line number Diff line number Diff line change
Expand Up @@ -216,16 +216,10 @@ <h3>Variable Row Height</h3>
align-items: center;
height: 80px;
}

#grid3 div[selected] {
display: flex;
align-items: center;
height: 100px;
}
</style>

<iron-ajax url="users.json" last-response="{{users}}" auto></iron-ajax>
<iron-data-table id="grid3" items="[[users.results]]" selection-enabled>
<iron-data-table id="grid3" items="[[users.results]]">
<data-table-column name="First Name">
<template>[[item.user.name.first]]</template>
</data-table-column>
Expand All @@ -234,7 +228,7 @@ <h3>Variable Row Height</h3>
</data-table-column>
<data-table-column name="State">
<template>
<div class$="[[item.user.location.state]]" selected$="[[selected]]">[[item.user.location.state]]</div>
<div class$="[[item.user.location.state]]">[[item.user.location.state]]</div>
</template>
</data-table-column>
</iron-data-table>
Expand Down

0 comments on commit f25b02b

Please sign in to comment.