feat: Indent aggregated entries after expansion

closes: #90
This commit is contained in:
Joxit
2019-07-17 23:59:59 +02:00
parent 9e99b08b82
commit eec736d4e8
2 changed files with 6 additions and 2 deletions

View File

@@ -490,6 +490,10 @@ catalog-element catalog-element.hide material-card {
opacity: 0;
}
catalog-element catalog-element .list > span i.material-icons {
margin-right: 48px;
}
remove-image {
width: 30px;
}

View File

@@ -21,13 +21,13 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<span>
<i class="material-icons">send</i>
{ typeof opts.item === "string" ? opts.item : opts.item.repo }
<div hide="{typeof opts.item === "string"}" class="item-count right">
<div if="{typeof opts.item !== "string"}" class="item-count right">
{ opts.item.images && opts.item.images.length } images
<i class="material-icons animated {expanded: opts.expanded}">expand_more</i>
</div>
</span>
</material-card>
<catalog-element hide="{typeof opts.item === "string"}" class="animated {hide: !expanded, expanding: expanding}" each="{item in item.images}" />
<catalog-element if="{typeof opts.item !== "string"}" class="animated {hide: !expanded, expanding: expanding}" each="{item in item.images}" />
<script>
this.on('mount', function() {
const self = this;