chrome/browser/resources/md_history/app.vulcanized.html - Issue 2275453002: MD WebUI: Fix misaligned spinner in narrow-mode cr-toolbar

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2275453002: MD WebUI: Fix misaligned spinner in narrow-mode cr-toolbar (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Use webkit-margin-start Created 4 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « no previous file | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html » ('j') | ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <html><head><!--	1 <html><head><!--

2 @license	2 @license

3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt	5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt	6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

7 Code distributed by Google as part of the polymer project is also	7 Code distributed by Google as part of the polymer project is also

8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

9 --><!--	9 --><!--

10 @license	10 @license

(...skipping 2332 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
2343	2343

2344 /* Search open. */	2344 /* Search open. */

2345 :host([showing-search][spinner-active]) #icon {	2345 :host([showing-search][spinner-active]) #icon {

2346 opacity: 0;	2346 opacity: 0;

2347 }	2347 }

2348	2348

2349 :host([narrow][showing-search]) {	2349 :host([narrow][showing-search]) {

2350 width: 100%;	2350 width: 100%;

2351 }	2351 }

2352	2352

2353 /*	2353 :host-context([dir=ltr]):host([narrow][showing-search]) #icon,

2354 * Margin needs to be animated to prevent jumping around during	2354 :host-context([dir=ltr]):host([narrow][showing-search])

2355 * opening/closing. -webkit-margin-start is not animatable, so we have to	2355 paper-spinner-lite {

2356 * use regular margin-left/right instead.	2356 -webkit-margin-start: 18px;

2357 */

2358 :host-context([dir=ltr]):host([narrow][showing-search]) #icon {

2359 margin-left: 18px;

2360 }

2361

2362 :host-context([dir=rtl]):host([narrow][showing-search]) #icon {

2363 margin-right: 18px;

2364 }	2357 }

2365 </style>	2358 </style>

2366 <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)] ]">	2359 <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)] ]">

2367 </paper-spinner-lite>	2360 </paper-spinner-lite>

2368 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]">	2361 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]">

2369 </paper-icon-button>	2362 </paper-icon-button>

2370 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float="">	2363 <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-key down="onSearchTermKeydown" no-label-float="">

2371 <label id="prompt" for="searchInput">[[label]]</label>	2364 <label id="prompt" for="searchInput">[[label]]</label>

2372 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental="">	2365 <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur _" incremental="">

2373 </paper-input-container>	2366 </paper-input-container>

(...skipping 1651 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
4025 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">	4018 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">

4026 </history-side-bar>	4019 </history-side-bar>

4027 </app-drawer>	4020 </app-drawer>

4028 </template>	4021 </template>

4029	4022

4030 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >	4023 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >

4031 </iron-media-query>	4024 </iron-media-query>

4032 </template>	4025 </template>

4033 </dom-module>	4026 </dom-module>

4034 <script src="app.crisper.js"></script></body></html>	4027 <script src="app.crisper.js"></script></body></html>

OLD	NEW