blob: 711651870c51125b78559481a2d18290d073754e [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/assert.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 {
/* Dimensions of the image are set in the URL. */
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]]/20/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>
<script src="extension_controlled_indicator.js"></script>
</dom-module>