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-flex-layout/iron-f lex-layout.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f lex-layout.html"> |
3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/hardware-ico ns.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/hardware-ico ns.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt on.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tabs/paper-tab.ht ml"> | 6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tabs/paper-tab.ht ml"> |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tabs/paper-tabs.h tml"> | 7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-tabs/paper-tabs.h tml"> |
8 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 8 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
9 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.ht ml"> | 9 <link rel="import" href="chrome://resources/cr_elements/cr_toolbar/cr_toolbar.ht ml"> |
10 <link rel="import" href="chrome://history/icons.html"> | 10 <link rel="import" href="chrome://history/icons.html"> |
(...skipping 19 matching lines...) Expand all Loading... | |
30 } | 30 } |
31 | 31 |
32 :host([items-selected_]) { | 32 :host([items-selected_]) { |
33 background: rgb(68, 136, 255); | 33 background: rgb(68, 136, 255); |
34 } | 34 } |
35 | 35 |
36 #toolbar-container { | 36 #toolbar-container { |
37 height: var(--toolbar-height); | 37 height: var(--toolbar-height); |
38 } | 38 } |
39 | 39 |
40 cr-toolbar { | |
41 --cr-toolbar-field-margin: var(--side-bar-width); | |
42 } | |
43 | |
44 cr-toolbar[show-menu] { | |
45 --cr-toolbar-field-margin: 0; | |
tsergeant
2016/07/29 01:39:52
I had to change how this property was applied. See
| |
46 } | |
47 | |
48 :host(:not([has-drawer])) #overlay-wrapper { | |
49 -webkit-margin-start: var(--side-bar-width); | |
50 } | |
51 | |
40 #overlay-buttons { | 52 #overlay-buttons { |
41 margin: 0 auto; | 53 margin: 0 auto; |
42 max-width: var(--card-max-width); | 54 max-width: var(--card-max-width); |
43 padding: 0 var(--card-padding-side); | 55 padding: 0 var(--card-padding-side); |
44 } | 56 } |
45 | 57 |
46 paper-button { | 58 paper-button { |
47 font-weight: 500; | 59 font-weight: 500; |
48 } | 60 } |
49 | 61 |
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
111 } | 123 } |
112 | 124 |
113 :host-context([dir=rtl]) .rtl-reversible { | 125 :host-context([dir=rtl]) .rtl-reversible { |
114 transform: rotate(180deg); | 126 transform: rotate(180deg); |
115 } | 127 } |
116 </style> | 128 </style> |
117 <div id="toolbar-container"> | 129 <div id="toolbar-container"> |
118 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" | 130 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" |
119 clear-label="$i18n{clearSearch}" search-prompt="$i18n{searchPrompt}" | 131 clear-label="$i18n{clearSearch}" search-prompt="$i18n{searchPrompt}" |
120 hidden$="[[itemsSelected_]]" spinner-active="[[spinnerActive]]" | 132 hidden$="[[itemsSelected_]]" spinner-active="[[spinnerActive]]" |
133 show-menu="[[hasDrawer]]" | |
121 on-search-changed="onSearchChanged_"> | 134 on-search-changed="onSearchChanged_"> |
122 </cr-toolbar> | 135 </cr-toolbar> |
123 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> | 136 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]"> |
124 <div id="overlay-buttons"> | 137 <div id="overlay-buttons"> |
125 <paper-icon-button icon="cr:clear" id="cancel-icon-button" | 138 <paper-icon-button icon="cr:clear" id="cancel-icon-button" |
126 on-tap="onClearSelectionTap_"></paper-icon-button> | 139 on-tap="onClearSelectionTap_"></paper-icon-button> |
127 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> | 140 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div> |
128 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> | 141 <paper-button id="cancel-button" on-tap="onClearSelectionTap_"> |
129 $i18n{cancel} | 142 $i18n{cancel} |
130 </paper-button> | 143 </paper-button> |
(...skipping 22 matching lines...) Expand all Loading... | |
153 class="rtl-reversible"></paper-icon-button> | 166 class="rtl-reversible"></paper-icon-button> |
154 <paper-icon-button icon="cr:chevron-right" | 167 <paper-icon-button icon="cr:chevron-right" |
155 alt="$i18n{rangeNext}" title="$i18n{rangeNext}" | 168 alt="$i18n{rangeNext}" title="$i18n{rangeNext}" |
156 class="rtl-reversible"></paper-icon-button> | 169 class="rtl-reversible"></paper-icon-button> |
157 </div> | 170 </div> |
158 </div> | 171 </div> |
159 </template> | 172 </template> |
160 </template> | 173 </template> |
161 <script src="chrome://history/history_toolbar.js"></script> | 174 <script src="chrome://history/history_toolbar.js"></script> |
162 </dom-module> | 175 </dom-module> |
OLD | NEW |