blob: 7f5c3e29ded9373e5969e9bd9e0c842e51761425 [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://apps/shared_style.html">
<link rel="import" href="chrome://apps/shared_vars.html">
<dom-module id="app-management-item">
<template>
<style include="app-management-shared-css">
:host {
align-items: center;
border-top: var(--card-separator);
color: var(--primary-text-color);
display: flex;
flex-direction: row;
font-weight: 400;
height: 64px;
}
.app-icon {
height: 32px;
margin-inline-end: 20px;
margin-inline-start: 24px;
width: 32px;
}
.app-title {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.subpage-arrow {
margin-inline-end: 8px;
padding: 12px;
}
</style>
<img class="app-icon" src="[[iconUrlFromId_(app)]]">
<div class="app-title" on-click="">[[app.title]]</div>
<img class="subpage-arrow" src="chrome://resources/images/arrow_right.svg">
</template>
<script src="chrome://apps/item.js"></script>
</dom-module>