blob: 71026955b980b8d051f8b1c2c8cbd1774fba19e9 [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="actions.html">
<link rel="import" href="shared_style.html">
<link rel="import" href="shared_vars.html">
<link rel="import" href="store_client.html">
<link rel="import" href="chrome://resources/cr_elements/cr_icons_css.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
<dom-module id="app-management-item">
<template>
<style include="app-management-shared-css cr-icons">
: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-title {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
}
#app-icon {
height: 32px;
margin-inline-end: 20px;
margin-inline-start: 24px;
width: 32px;
}
</style>
<img id="app-icon" src="[[iconUrlFromId_(app)]]">
<div id="app-title">[[app.title]]</div>
<slot name="right-content"></slot>
</template>
<script src="item.js"></script>
</dom-module>