Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(798)

Side by Side Diff: chrome/browser/resources/md_history/history_toolbar.html

Issue 2165903003: MD History: Show sidebar next to content on wide screens (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@history_fix_footer_link
Patch Set: dpapad@ review 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
OLDNEW
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
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
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698