| <style include="cr-shared-style shared-style"></style> |
| |
| <div class="content-area custom-scrollbar" scrollable tabindex="-1"> |
| <div class="header"> |
| <img class="logo" alt=""> |
| <h2>$i18n{m1ConsentTitle}</h2> |
| </div> |
| <div class="section cr-secondary-text"> |
| $i18n{m1ConsentDescription1} |
| </div> |
| <div class="section cr-secondary-text"> |
| $i18n{m1ConsentDescription2} |
| </div> |
| <div class="banner"> |
| <img class="topics-banner" alt="$i18n{m1ConsentBannerImageA11yDescription}"> |
| </div> |
| <div class="section cr-secondary-text"> |
| $i18n{m1ConsentDescription3} |
| </div> |
| <privacy-sandbox-dialog-learn-more class="learn-more-section" |
| expanded="{{expanded_}}" |
| title="$i18n{m1ConsentLearnMoreExpandLabel}"> |
| <ul class="cr-secondary-text"> |
| <li>$i18nRaw{m1ConsentLearnMoreBullet1}</li> |
| <li>$i18nRaw{m1ConsentLearnMoreBullet2}</li> |
| <li>$i18nRaw{m1ConsentLearnMoreBullet3}</li> |
| </ul> |
| <div class="cr-secondary-text">$i18n{m1ConsentLearnMoreLink}</div> |
| </privacy-sandbox-dialog-learn-more> |
| <div class="section cr-secondary-text" id="lastTextElement"> |
| $i18n{m1ConsentDescription4} |
| </div> |
| <div class="buttons-container"> |
| <cr-button id="declineButton" on-click="onConsentDeclined_"> |
| $i18n{m1ConsentDeclineButton} |
| </cr-button> |
| <cr-button id="confirmButton" on-click="onConsentAccepted_"> |
| $i18n{m1ConsentAcceptButton} |
| </cr-button> |
| </div> |
| </div> |
| <div id="showMoreOverlay" hidden="[[wasScrolledToBottom]]"> |
| <cr-button id="moreButton" on-click="onConsentMoreClicked" |
| class="action-button" aria-hidden="true" tabindex="-1"> |
| $i18n{m1DialogMoreButton} |
| <iron-icon icon="cr:expand-more"></iron-icon> |
| </cr-button> |
| </div> |