blob: e09561aa0ef238ac89654fb4c90ccec580663c30 [file] [log] [blame]
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
<link rel="import" href="chrome://resources/html/i18n_behavior.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 {
align-items: center;
display: flex;
margin-inline-start: 36px;
min-height: var(--settings-row-min-height);
}
img {
@apply --cr-icon-height-width;
margin-inline-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 {
flex: 1;
margin-inline-end: 8px;
}
</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>
<cr-button on-click="onDisableTap_">$i18n{disable}</cr-button>
</template>
</template>
</dom-module>
<script src="extension_controlled_indicator.js"></script>