| 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 1920 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1931 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]]
" on-tap="clearSearch_"> | 1931 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]]
" on-tap="clearSearch_"> |
| 1932 </paper-icon-button> | 1932 </paper-icon-button> |
| 1933 </template> | 1933 </template> |
| 1934 </template> | 1934 </template> |
| 1935 </dom-module> | 1935 </dom-module> |
| 1936 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar
/" css-build="shadow"> | 1936 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar
/" css-build="shadow"> |
| 1937 <template> | 1937 <template> |
| 1938 <style scope="cr-toolbar">:host { | 1938 <style scope="cr-toolbar">:host { |
| 1939 --cr-toolbar-field-width: 580px; | 1939 --cr-toolbar-field-width: 580px; |
| 1940 --cr-toolbar-height: 56px; | 1940 --cr-toolbar-height: 56px; |
| 1941 align-items: center; |
| 1941 color: #fff; | 1942 color: #fff; |
| 1942 display: flex; | 1943 display: flex; |
| 1943 height: var(--cr-toolbar-height); | 1944 height: var(--cr-toolbar-height); |
| 1944 } | 1945 } |
| 1945 | 1946 |
| 1946 h1 { | 1947 h1 { |
| 1947 -webkit-margin-start: 6px; | 1948 -webkit-margin-start: 6px; |
| 1948 -webkit-padding-end: 2px; | 1949 -webkit-padding-end: 2px; |
| 1949 flex: 1; | 1950 flex: 1; |
| 1950 font-size: 123%; | 1951 font-size: 123%; |
| (...skipping 15 matching lines...) Expand all Loading... |
| 1966 #menuButton { | 1967 #menuButton { |
| 1967 height: 32px; | 1968 height: 32px; |
| 1968 margin-bottom: 6px; | 1969 margin-bottom: 6px; |
| 1969 margin-top: 6px; | 1970 margin-top: 6px; |
| 1970 min-width: 32px; | 1971 min-width: 32px; |
| 1971 padding: 6px; | 1972 padding: 6px; |
| 1972 width: 32px; | 1973 width: 32px; |
| 1973 } | 1974 } |
| 1974 | 1975 |
| 1975 #centeredContent { | 1976 #centeredContent { |
| 1976 -webkit-margin-start: var(--cr-toolbar-field-margin, 0); | 1977 display: flex; |
| 1977 display: flex; | |
| 1978 flex: 1 1 0; | 1978 flex: 1 1 0; |
| 1979 justify-content: center; | 1979 justify-content: center; |
| 1980 } | 1980 } |
| 1981 | 1981 |
| 1982 :host([narrow_]) #centeredContent { | 1982 :host([narrow_]) #centeredContent { |
| 1983 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px); | 1983 -webkit-padding-end: var(--cr-toolbar-field-end-padding, 12px); |
| 1984 } | 1984 } |
| 1985 | 1985 |
| 1986 :host(:not([narrow_])) h1 { | 1986 :host(:not([narrow_])) h1 { |
| 1987 ; | 1987 ; |
| 1988 } | 1988 } |
| 1989 | 1989 |
| 1990 :host(:not([narrow_])) #leftContent { | 1990 :host(:not([narrow_])) #leftContent { |
| 1991 max-width: calc((100% - var(--cr-toolbar-field-width)) / 2); | 1991 max-width: calc((100% - var(--cr-toolbar-field-width)) / 2); |
| 1992 ; | 1992 ; |
| 1993 } | 1993 } |
| 1994 | 1994 |
| 1995 :host(:not([narrow_])) #centeredContent { |
| 1996 -webkit-margin-start: var(--cr-toolbar-field-margin, 0); |
| 1997 } |
| 1998 |
| 1995 :host(:not([narrow_])) #rightContent { | 1999 :host(:not([narrow_])) #rightContent { |
| 1996 position: var(--cr-toolbar-right-content-wide_-_position); left: var(--cr-tool
bar-right-content-wide_-_left); right: var(--cr-toolbar-right-content-wide_-_rig
ht); | 2000 position: var(--cr-toolbar-right-content-wide_-_position); left: var(--cr-tool
bar-right-content-wide_-_left); right: var(--cr-toolbar-right-content-wide_-_rig
ht); |
| 1997 } | 2001 } |
| 1998 | 2002 |
| 1999 :host([narrow_]) #centeredContent { | 2003 :host([narrow_]) #centeredContent { |
| 2000 justify-content: flex-end; | 2004 justify-content: flex-end; |
| 2001 } | 2005 } |
| 2002 | 2006 |
| 2003 :host([narrow_][showing-search_]) #leftContent { | 2007 :host([narrow_][showing-search_]) #leftContent { |
| 2004 opacity: 0; | 2008 opacity: 0; |
| (...skipping 1761 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3766 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}"
show-footer="[[showSidebarFooter]]" drawer=""> | 3770 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}"
show-footer="[[showSidebarFooter]]" drawer=""> |
| 3767 </history-side-bar> | 3771 </history-side-bar> |
| 3768 </app-drawer> | 3772 </app-drawer> |
| 3769 </template> | 3773 </template> |
| 3770 | 3774 |
| 3771 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> | 3775 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> |
| 3772 </iron-media-query> | 3776 </iron-media-query> |
| 3773 </template> | 3777 </template> |
| 3774 </dom-module> | 3778 </dom-module> |
| 3775 <script src="app.crisper.js"></script></body></html> | 3779 <script src="app.crisper.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2503893003:
MD Extensions: Replace toolbar/search field with cr-toolbar (Closed)
