| OLD | NEW |
|---|
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-m
edia-query.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-media-query/iron-m
edia-query.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 4 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar_se
arch_field.html"> | 4 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar_se
arch_field.html"> |
| 5 | 5 |
| 6 <dom-module id="cr-toolbar"> | 6 <dom-module id="cr-toolbar"> |
| 7 <template> | 7 <template> |
| 8 <style> | 8 <style> |
| 9 :host { | 9 :host { |
| 10 --cr-toolbar-field-width: 580px; | 10 --cr-toolbar-field-width: 580px; |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 44 margin-bottom: 6px; | 44 margin-bottom: 6px; |
| 45 margin-top: 6px; | 45 margin-top: 6px; |
| 46 min-width: 32px; | 46 min-width: 32px; |
| 47 padding: 6px; | 47 padding: 6px; |
| 48 width: 32px; | 48 width: 32px; |
| 49 } | 49 } |
| 50 | 50 |
| 51 #centeredContent { | 51 #centeredContent { |
| 52 display: flex; | 52 display: flex; |
| 53 flex: 1 1 0; | 53 flex: 1 1 0; |
| 54 justify-content: center; |
| 54 } | 55 } |
| 55 | 56 |
| 56 #rightContent { | 57 #rightContent { |
| 57 -webkit-margin-end: 12px; | 58 -webkit-margin-end: 12px; |
| 58 } | 59 } |
| 59 | 60 |
| 60 :host([narrow_]) #centeredContent { | 61 :host([narrow_]) #centeredContent { |
| 61 justify-content: flex-end; | 62 justify-content: flex-end; |
| 62 } | 63 } |
| 63 | 64 |
| (...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 153 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> | 154 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}"> |
| 154 </iron-media-query> | 155 </iron-media-query> |
| 155 </div> | 156 </div> |
| 156 | 157 |
| 157 <div id="rightContent"> | 158 <div id="rightContent"> |
| 158 <content select=".more-actions"></content> | 159 <content select=".more-actions"></content> |
| 159 </div> | 160 </div> |
| 160 </template> | 161 </template> |
| 161 <script src="cr_toolbar.js"></script> | 162 <script src="cr_toolbar.js"></script> |
| 162 </dom-module> | 163 </dom-module> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2614083002:
MD WebUI: Align toolbar search field properly in wide windows (Closed)
