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

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

Issue 2571923003: MD History: Tweak CSS for menu buttons (Closed)
Patch Set: Created 4 years 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 | chrome/browser/resources/md_history/lazy_load.vulcanized.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 2167 matching lines...) Expand 10 before | Expand all | Expand 10 after
2178 width: 36px; 2178 width: 36px;
2179 } 2179 }
2180 2180
2181 button.icon-button iron-icon { 2181 button.icon-button iron-icon {
2182 height: 20px; 2182 height: 20px;
2183 width: 20px; 2183 width: 20px;
2184 } 2184 }
2185 2185
2186 button.more-vert-button { 2186 button.more-vert-button {
2187 height: 36px; 2187 height: 36px;
2188 padding: 6px; 2188 padding: 8px;
2189 width: 36px; 2189 width: 36px;
2190 } 2190 }
2191 2191
2192 button.more-vert-button div { 2192 button.more-vert-button div {
2193 border: 2px solid var(--secondary-text-color); 2193 border: 2px solid var(--secondary-text-color);
2194 border-radius: 2px; 2194 border-radius: 2px;
2195 margin: 1px 10px; 2195 margin: 1px 8px;
2196 pointer-events: none; 2196 pointer-events: none;
2197 transform: scale(0.8); 2197 transform: scale(0.8);
2198 } 2198 }
2199 2199
2200 </style> 2200 </style>
2201 </template> 2201 </template>
2202 </dom-module> 2202 </dom-module>
2203 2203
2204 2204
2205 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow "> 2205 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after
2266 width: 36px; 2266 width: 36px;
2267 } 2267 }
2268 2268
2269 button.icon-button iron-icon { 2269 button.icon-button iron-icon {
2270 height: 20px; 2270 height: 20px;
2271 width: 20px; 2271 width: 20px;
2272 } 2272 }
2273 2273
2274 button.more-vert-button { 2274 button.more-vert-button {
2275 height: 36px; 2275 height: 36px;
2276 padding: 6px; 2276 padding: 8px;
2277 width: 36px; 2277 width: 36px;
2278 } 2278 }
2279 2279
2280 button.more-vert-button div { 2280 button.more-vert-button div {
2281 border: 2px solid var(--secondary-text-color); 2281 border: 2px solid var(--secondary-text-color);
2282 border-radius: 2px; 2282 border-radius: 2px;
2283 margin: 1px 10px; 2283 margin: 1px 8px;
2284 pointer-events: none; 2284 pointer-events: none;
2285 transform: scale(0.8); 2285 transform: scale(0.8);
2286 } 2286 }
2287 2287
2288 :host { 2288 :host {
2289 color: #fff; 2289 color: #fff;
2290 display: block; 2290 display: block;
2291 transition: background-color 150ms; 2291 transition: background-color 150ms;
2292 width: 100%; 2292 width: 100%;
2293 } 2293 }
(...skipping 461 matching lines...) Expand 10 before | Expand all | Expand 10 after
2755 width: 36px; 2755 width: 36px;
2756 } 2756 }
2757 2757
2758 button.icon-button iron-icon { 2758 button.icon-button iron-icon {
2759 height: 20px; 2759 height: 20px;
2760 width: 20px; 2760 width: 20px;
2761 } 2761 }
2762 2762
2763 button.more-vert-button { 2763 button.more-vert-button {
2764 height: 36px; 2764 height: 36px;
2765 padding: 6px; 2765 padding: 8px;
2766 width: 36px; 2766 width: 36px;
2767 } 2767 }
2768 2768
2769 button.more-vert-button div { 2769 button.more-vert-button div {
2770 border: 2px solid var(--secondary-text-color); 2770 border: 2px solid var(--secondary-text-color);
2771 border-radius: 2px; 2771 border-radius: 2px;
2772 margin: 1px 10px; 2772 margin: 1px 8px;
2773 pointer-events: none; 2773 pointer-events: none;
2774 transform: scale(0.8); 2774 transform: scale(0.8);
2775 } 2775 }
2776 2776
2777 :host { 2777 :host {
2778 --checked-color: rgb(68, 136, 255); 2778 --checked-color: rgb(68, 136, 255);
2779 display: block; 2779 display: block;
2780 outline: none; 2780 outline: none;
2781 pointer-events: none; 2781 pointer-events: none;
2782 } 2782 }
(...skipping 282 matching lines...) Expand 10 before | Expand all | Expand 10 after
3065 width: 36px; 3065 width: 36px;
3066 } 3066 }
3067 3067
3068 button.icon-button iron-icon { 3068 button.icon-button iron-icon {
3069 height: 20px; 3069 height: 20px;
3070 width: 20px; 3070 width: 20px;
3071 } 3071 }
3072 3072
3073 button.more-vert-button { 3073 button.more-vert-button {
3074 height: 36px; 3074 height: 36px;
3075 padding: 6px; 3075 padding: 8px;
3076 width: 36px; 3076 width: 36px;
3077 } 3077 }
3078 3078
3079 button.more-vert-button div { 3079 button.more-vert-button div {
3080 border: 2px solid var(--secondary-text-color); 3080 border: 2px solid var(--secondary-text-color);
3081 border-radius: 2px; 3081 border-radius: 2px;
3082 margin: 1px 10px; 3082 margin: 1px 8px;
3083 pointer-events: none; 3083 pointer-events: none;
3084 transform: scale(0.8); 3084 transform: scale(0.8);
3085 } 3085 }
3086 3086
3087 :host { 3087 :host {
3088 box-sizing: border-box; 3088 box-sizing: border-box;
3089 display: block; 3089 display: block;
3090 overflow: auto; 3090 overflow: auto;
3091 } 3091 }
3092 3092
(...skipping 82 matching lines...) Expand 10 before | Expand all | Expand 10 after
3175 width: 36px; 3175 width: 36px;
3176 } 3176 }
3177 3177
3178 button.icon-button iron-icon { 3178 button.icon-button iron-icon {
3179 height: 20px; 3179 height: 20px;
3180 width: 20px; 3180 width: 20px;
3181 } 3181 }
3182 3182
3183 button.more-vert-button { 3183 button.more-vert-button {
3184 height: 36px; 3184 height: 36px;
3185 padding: 6px; 3185 padding: 8px;
3186 width: 36px; 3186 width: 36px;
3187 } 3187 }
3188 3188
3189 button.more-vert-button div { 3189 button.more-vert-button div {
3190 border: 2px solid var(--secondary-text-color); 3190 border: 2px solid var(--secondary-text-color);
3191 border-radius: 2px; 3191 border-radius: 2px;
3192 margin: 1px 10px; 3192 margin: 1px 8px;
3193 pointer-events: none; 3193 pointer-events: none;
3194 transform: scale(0.8); 3194 transform: scale(0.8);
3195 } 3195 }
3196 3196
3197 paper-spinner { 3197 paper-spinner {
3198 --paper-spinner-layer-1-color: var(--google-blue-500); 3198 --paper-spinner-layer-1-color: var(--google-blue-500);
3199 --paper-spinner-layer-2-color: var(--google-blue-500); 3199 --paper-spinner-layer-2-color: var(--google-blue-500);
3200 --paper-spinner-layer-3-color: var(--google-blue-500); 3200 --paper-spinner-layer-3-color: var(--google-blue-500);
3201 --paper-spinner-layer-4-color: var(--google-blue-500); 3201 --paper-spinner-layer-4-color: var(--google-blue-500);
3202 } 3202 }
(...skipping 254 matching lines...) Expand 10 before | Expand all | Expand 10 after
3457 width: 36px; 3457 width: 36px;
3458 } 3458 }
3459 3459
3460 button.icon-button iron-icon { 3460 button.icon-button iron-icon {
3461 height: 20px; 3461 height: 20px;
3462 width: 20px; 3462 width: 20px;
3463 } 3463 }
3464 3464
3465 button.more-vert-button { 3465 button.more-vert-button {
3466 height: 36px; 3466 height: 36px;
3467 padding: 6px; 3467 padding: 8px;
3468 width: 36px; 3468 width: 36px;
3469 } 3469 }
3470 3470
3471 button.more-vert-button div { 3471 button.more-vert-button div {
3472 border: 2px solid var(--secondary-text-color); 3472 border: 2px solid var(--secondary-text-color);
3473 border-radius: 2px; 3473 border-radius: 2px;
3474 margin: 1px 10px; 3474 margin: 1px 8px;
3475 pointer-events: none; 3475 pointer-events: none;
3476 transform: scale(0.8); 3476 transform: scale(0.8);
3477 } 3477 }
3478 3478
3479 :host { 3479 :host {
3480 display: flex; 3480 display: flex;
3481 height: 100%; 3481 height: 100%;
3482 overflow-x: hidden; 3482 overflow-x: hidden;
3483 overflow-y: auto; 3483 overflow-y: auto;
3484 width: var(--side-bar-width); 3484 width: var(--side-bar-width);
(...skipping 164 matching lines...) Expand 10 before | Expand all | Expand 10 after
3649 width: 36px; 3649 width: 36px;
3650 } 3650 }
3651 3651
3652 button.icon-button iron-icon { 3652 button.icon-button iron-icon {
3653 height: 20px; 3653 height: 20px;
3654 width: 20px; 3654 width: 20px;
3655 } 3655 }
3656 3656
3657 button.more-vert-button { 3657 button.more-vert-button {
3658 height: 36px; 3658 height: 36px;
3659 padding: 6px; 3659 padding: 8px;
3660 width: 36px; 3660 width: 36px;
3661 } 3661 }
3662 3662
3663 button.more-vert-button div { 3663 button.more-vert-button div {
3664 border: 2px solid var(--secondary-text-color); 3664 border: 2px solid var(--secondary-text-color);
3665 border-radius: 2px; 3665 border-radius: 2px;
3666 margin: 1px 10px; 3666 margin: 1px 8px;
3667 pointer-events: none; 3667 pointer-events: none;
3668 transform: scale(0.8); 3668 transform: scale(0.8);
3669 } 3669 }
3670 3670
3671 :host { 3671 :host {
3672 display: block; 3672 display: block;
3673 height: 100%; 3673 height: 100%;
3674 overflow: hidden; 3674 overflow: hidden;
3675 z-index: 0; 3675 z-index: 0;
3676 } 3676 }
(...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after
3771 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3771 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3772 </history-side-bar> 3772 </history-side-bar>
3773 </app-drawer> 3773 </app-drawer>
3774 </template> 3774 </template>
3775 3775
3776 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3776 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3777 </iron-media-query> 3777 </iron-media-query>
3778 </template> 3778 </template>
3779 </dom-module> 3779 </dom-module>
3780 <script src="app.crisper.js"></script></body></html> 3780 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_history/lazy_load.vulcanized.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698