Index: ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html |
diff --git a/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html b/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html |
index 35ac7c844821bf554896758f51cfce4e161e0aef..28200326d9545b53e8d4504805e5f8b19c79a8cb 100644 |
--- a/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html |
+++ b/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar.html |
@@ -8,10 +8,9 @@ |
<style> |
:host { |
--cr-toolbar-field-width: 580px; |
- --cr-toolbar-height: 56px; |
color: #fff; |
display: flex; |
- height: var(--cr-toolbar-height); |
+ height: 56px; |
} |
h1 { |
@@ -72,70 +71,12 @@ |
:host([narrow_][showing-search_]) #leftContent { |
opacity: 0; |
} |
- |
- #menuPromo { |
- -webkit-padding-end: 12px; |
- -webkit-padding-start: 8px; |
- align-items: center; |
- background: #616161; |
- border-radius: 2px; |
- color: white; |
- display: flex; |
- font-size: 92.3%; |
- font-weight: 500; |
- opacity: 0; |
- padding-bottom: 6px; |
- padding-top: 6px; |
- position: absolute; |
- top: var(--cr-toolbar-height); |
- white-space: nowrap; |
- z-index: 2; |
- } |
- |
- #menuPromo::before { |
- background: inherit; |
- /* Up arrow. 105% in Y coordinates fixes glitch at 110/125% zoom. */ |
- clip-path: polygon(0 105%, 100% 105%, 50% 0); |
- content: ''; |
- display: block; |
- left: 10px; |
- height: 6px; |
- position: absolute; |
- top: -6px; |
- width: 12px; |
- } |
- |
- :host-context([dir=rtl]) #menuPromo::before { |
- left: auto; |
- right: 10px; |
- } |
- |
- #closePromo { |
- -webkit-appearance: none; |
- -webkit-margin-start: 12px; |
- background: none; |
- border: none; |
- color: inherit; |
- font-size: 20px; /* Shouldn't change if default font-size changes. */ |
- line-height: 20px; |
- padding: 0; |
- width: 20px; |
- } |
</style> |
<div id="leftContent"> |
- <!-- Note: showing #menuPromo relies on this dom-if being [restamp]. --> |
- <template is="dom-if" if="[[showMenu]]" restamp> |
+ <template is="dom-if" if="[[showMenu]]"> |
<paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" |
- title="[[titleIfNotShowMenuPromo_(menuLabel, showMenuPromo)]]" |
- aria-label$="[[menuLabel]]"> |
+ title="[[menuLabel]]"> |
</paper-icon-button> |
- <template is="dom-if" if="[[showMenuPromo]]"> |
- <div id="menuPromo" role="tooltip"> |
- [[menuPromo]] |
- <button id="closePromo" on-tap="onClosePromoTap_" |
- aria-label$="[[closeMenuPromo]]">✕</button> |
- </paper-tooltip> |
- </template> |
</template> |
<h1>[[pageName]]</h1> |
</div> |