<style include="settings-shared"> | |
:host { | |
padding-inline-end: 4px; | |
} | |
.settings-row { | |
flex: 1 | |
} | |
/* Tooltip is hidden since site-list will display a common tooltip. */ | |
cr-policy-pref-indicator::part(tooltip) { | |
display: none; | |
} | |
</style> | |
<div class="list-item" focus-row-container> | |
<div class="settings-row" | |
actionable$="[[allowNavigateToSiteDetail_]]" on-click="onOriginTap_"> | |
<site-favicon url="[[model.origin]]"></site-favicon> | |
<div class="middle no-min-width"> | |
<div class="text-elide"> | |
<span class="url-directionality"> | |
[[computeDisplayName_(model)]]</span> | |
</div> | |
<!-- This div must not contain extra whitespace. --> | |
<div class="secondary" | |
id="siteDescription">[[computeSiteDescription_(model)]]</div> | |
</div> | |
<template is="dom-if" if="[[allowNavigateToSiteDetail_]]"> | |
<cr-icon-button class="subpage-arrow" | |
aria-label$="[[computeDisplayName_(model)]]" | |
aria-describedby="siteDescription" | |
aria-roledescription="$i18n{subpageArrowRoleDescription}" | |
focus-type="site-details" focus-row-control></cr-icon-button> | |
<div class="separator"></div> | |
</template> | |
</div> | |
<template is="dom-if" if="[[showPolicyPrefIndicator_]]"> | |
<cr-policy-pref-indicator pref="[[model]]" | |
icon-aria-label="[[label]]" on-mouseenter="onShowTooltip_" | |
on-focus="onShowTooltip_" focus-row-control focus-type="policy"> | |
</cr-policy-pref-indicator> | |
</template> | |
<template is="dom-if" if="[[model.incognito]]"> | |
<cr-tooltip-icon id="incognitoTooltip" | |
icon-aria-label="$i18n{incognitoSiteExceptionDesc}" | |
icon-class="settings20:incognito" | |
focus-row-control focus-type="incognito" | |
on-mouseenter="onShowIncognitoTooltip_" | |
on-focus="onShowIncognitoTooltip_"></cr-tooltip-icon> | |
</template> | |
<cr-icon-button id="resetSite" class="icon-delete-gray" | |
hidden="[[shouldHideResetButton_(model, readOnlyList)]]" | |
on-click="onResetButtonTap_" | |
aria-label="$i18n{siteSettingsActionReset}" focus-row-control | |
focus-type="reset"></cr-icon-button> | |
<cr-icon-button id="actionMenuButton" class="icon-more-vert" | |
hidden="[[shouldHideActionMenu_(model, readOnlyList)]]" | |
on-click="onShowActionMenuTap_" title="$i18n{moreActions}" | |
focus-row-control focus-type="menu"></cr-icon-button> | |
</div> |