blob: ff53538c98f4d4e408b877e8b71adeb0d0bddb30 [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
<link rel="import" href="../extension_control_browser_proxy.html">
<link rel="import" href="../i18n_setup.html">
<link rel="import" href="../settings_shared_css.html">
<dom-module id="extension-controlled-indicator">
<template>
<style include="settings-shared">
:host {
-webkit-margin-start: 36px;
align-items: center;
display: flex;
min-height: var(--settings-row-min-height);
}
img {
@apply(--cr-icon-height-width);
-webkit-margin-end: 16px;
}
/* Using ">" operator to ensure that this CSS rule will not accidentally
* be applied to a search highlight span (which is inserted dynamically if
* when search "hit" occurs within this element. */
:host > span {
-webkit-margin-end: 8px;
flex: 1;
}
</style>
<img role="presentation" src="chrome://extension-icon/[[extensionId]]/40/1">
<span inner-h-t-m-l="[[getLabel_(extensionId, extensionName)]]"></span>
<template is="dom-if" if="[[extensionCanBeDisabled]]" restamp>
<paper-button class="secondary-button" on-tap="onDisableTap_">
$i18n{disable}
</paper-button>
</template>
</template>
</dom-module>
<script src="extension_controlled_indicator.js"></script>