blob: 92c2411916cfe3d3d843eb487d6c4597d92d7989 [file] [log] [blame]
<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/html/cr.html">
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/shadow.html">
<dom-module id="extensions-options-dialog">
<template>
<style>
dialog {
@apply(--shadow-elevation-2dp);
border: none;
border-radius: 2px;
padding: 0;
}
header {
align-items: center;
border-bottom: 1px solid var(--paper-grey-200);
color: var(--paper-grey-800);
display: flex;
justify-content: space-between;
padding: 12px 20px;
}
#icon {
-webkit-margin-end: 10px;
height: 32px;
width: 32px;
}
#icon-and-name-wrapper {
align-items: center;
display: flex;
}
extensionoptions {
display: inline-block;
height: 100%;
width: 100%;
}
</style>
<dialog>
<header>
<div id="icon-and-name-wrapper">
<img id="icon" src="[[data_.iconUrl]]"></img>
<span>[[data_.name]]</span>
</div>
<paper-icon-button id="close-button" icon="close" on-tap="close">
</paper-icon-button>
</header>
<div id="main"></div>
</dialog>
</template>
<script src="chrome://extensions/options_dialog.js"></script>
</dom-module>