Commit 1187d63d authored by Hector Carmona's avatar Hector Carmona Committed by Commit Bot

MD-Extensions: A11y: Replace incognito warning icon with secondary text.

Screenshot in bug.

R=dpapad@chromium.org

Bug: 788776
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: Ic4c6123ebdf42e29ec2b2eeeff52c4c3bc00f81a
Reviewed-on: https://chromium-review.googlesource.com/795352
Commit-Queue: Hector Carmona <hcarmona@chromium.org>
Reviewed-by: default avatarDemetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#520233}
parent b361969a
...@@ -87,6 +87,10 @@ ...@@ -87,6 +87,10 @@
text-decoration: none; text-decoration: none;
} }
.three-line {
min-height: var(--cr-section-three-line-min-height);
}
.section { .section {
@apply(--cr-section); @apply(--cr-section);
} }
...@@ -126,11 +130,6 @@ ...@@ -126,11 +130,6 @@
cursor: pointer; cursor: pointer;
} }
#allow-incognito cr-tooltip-icon {
-webkit-margin-start: 20px;
display: inline;
}
.inspectable-view { .inspectable-view {
color: var(--google-blue-700); color: var(--google-blue-700);
height: 20px; height: 20px;
...@@ -324,17 +323,13 @@ ...@@ -324,17 +323,13 @@
<template is="dom-if" if="[[shouldShowOptionsSection_(data.*)]]"> <template is="dom-if" if="[[shouldShowOptionsSection_(data.*)]]">
<div id="options-section"> <div id="options-section">
<template is="dom-if" if="[[data.incognitoAccess.isEnabled]]"> <template is="dom-if" if="[[data.incognitoAccess.isEnabled]]">
<extensions-toggle-row id="allow-incognito" <extensions-toggle-row id="allow-incognito" class="three-line"
checked="[[data.incognitoAccess.isActive]]" checked="[[data.incognitoAccess.isActive]]"
on-change="onAllowIncognitoChange_"> on-change="onAllowIncognitoChange_">
<span> <div>
$i18n{itemAllowIncognito} <div>$i18n{itemAllowIncognito}</div>
<cr-tooltip-icon <div class="section-content">$i18n{incognitoInfoWarning}</div>
icon-class="cr:error-outline" </div>
tooltip-text="$i18n{incognitoInfoWarning}"
on-click="onIconClick_">
</cr-tooltip-icon>
</span>
</extensions-toggle-row> </extensions-toggle-row>
</template> </template>
<template is="dom-if" if="[[data.fileAccess.isEnabled]]"> <template is="dom-if" if="[[data.fileAccess.isEnabled]]">
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment