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

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

Issue 2620613003: MD History: Replace px-based font sizes with %-based sizing (Closed)
Patch Set: Created 3 years, 11 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
« no previous file with comments | « no previous file | chrome/browser/resources/md_history/history_toolbar.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 2115 matching lines...) Expand 10 before | Expand all | Expand 10 after
2126 2126
2127 a { 2127 a {
2128 color: var(--link-color); 2128 color: var(--link-color);
2129 } 2129 }
2130 2130
2131 .card-title { 2131 .card-title {
2132 align-items: center; 2132 align-items: center;
2133 border-bottom: 1px solid var(--card-border-color); 2133 border-bottom: 1px solid var(--card-border-color);
2134 border-radius: 2px 2px 0 0; 2134 border-radius: 2px 2px 0 0;
2135 display: flex; 2135 display: flex;
2136 font-size: 14px; 2136 font-size: 108%;
2137 font-weight: 500; 2137 font-weight: 500;
2138 height: 48px; 2138 height: 48px;
2139 line-height: 48px; 2139 line-height: 48px;
2140 overflow: hidden; 2140 overflow: hidden;
2141 padding: 0 20px; 2141 padding: 0 20px;
2142 text-overflow: ellipsis; 2142 text-overflow: ellipsis;
2143 white-space: nowrap; 2143 white-space: nowrap;
2144 } 2144 }
2145 2145
2146 .centered-message { 2146 .centered-message {
2147 align-items: center; 2147 align-items: center;
2148 color: var(--md-loading-message-color); 2148 color: var(--md-loading-message-color);
2149 display: flex; 2149 display: flex;
2150 flex: 1; 2150 flex: 1;
2151 font-size: 14px; 2151 font-size: 108%;
2152 font-weight: 500; 2152 font-weight: 500;
2153 height: 100%; 2153 height: 100%;
2154 justify-content: center; 2154 justify-content: center;
2155 } 2155 }
2156 2156
2157 .website-icon { 2157 .website-icon {
2158 -webkit-margin-end: 16px; 2158 -webkit-margin-end: 16px;
2159 background-repeat: no-repeat; 2159 background-repeat: no-repeat;
2160 background-size: 16px; 2160 background-size: 16px;
2161 height: 16px; 2161 height: 16px;
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
2210 2210
2211 a { 2211 a {
2212 color: var(--link-color); 2212 color: var(--link-color);
2213 } 2213 }
2214 2214
2215 .card-title { 2215 .card-title {
2216 align-items: center; 2216 align-items: center;
2217 border-bottom: 1px solid var(--card-border-color); 2217 border-bottom: 1px solid var(--card-border-color);
2218 border-radius: 2px 2px 0 0; 2218 border-radius: 2px 2px 0 0;
2219 display: flex; 2219 display: flex;
2220 font-size: 14px; 2220 font-size: 108%;
2221 font-weight: 500; 2221 font-weight: 500;
2222 height: 48px; 2222 height: 48px;
2223 line-height: 48px; 2223 line-height: 48px;
2224 overflow: hidden; 2224 overflow: hidden;
2225 padding: 0 20px; 2225 padding: 0 20px;
2226 text-overflow: ellipsis; 2226 text-overflow: ellipsis;
2227 white-space: nowrap; 2227 white-space: nowrap;
2228 } 2228 }
2229 2229
2230 .centered-message { 2230 .centered-message {
2231 align-items: center; 2231 align-items: center;
2232 color: var(--md-loading-message-color); 2232 color: var(--md-loading-message-color);
2233 display: flex; 2233 display: flex;
2234 flex: 1; 2234 flex: 1;
2235 font-size: 14px; 2235 font-size: 108%;
2236 font-weight: 500; 2236 font-weight: 500;
2237 height: 100%; 2237 height: 100%;
2238 justify-content: center; 2238 justify-content: center;
2239 } 2239 }
2240 2240
2241 .website-icon { 2241 .website-icon {
2242 -webkit-margin-end: 16px; 2242 -webkit-margin-end: 16px;
2243 background-repeat: no-repeat; 2243 background-repeat: no-repeat;
2244 background-size: 16px; 2244 background-size: 16px;
2245 height: 16px; 2245 height: 16px;
(...skipping 110 matching lines...) Expand 10 before | Expand all | Expand 10 after
2356 #number-selected { 2356 #number-selected {
2357 flex: 1; 2357 flex: 1;
2358 } 2358 }
2359 2359
2360 #cancel-icon-button { 2360 #cancel-icon-button {
2361 -webkit-margin-end: 24px; 2361 -webkit-margin-end: 24px;
2362 -webkit-margin-start: 2px; 2362 -webkit-margin-start: 2px;
2363 } 2363 }
2364 2364
2365 paper-tabs { 2365 paper-tabs {
2366 --paper-tabs-selection-bar-color: #fff; 2366 --paper-tabs_-_font-size: apply-shim-inherit;;
2367 --paper-tabs-selection-bar-color: #fff;
2367 -webkit-margin-start: 32px; 2368 -webkit-margin-start: 32px;
2368 height: calc(var(--toolbar-grouped-height) - var(--toolbar-height)); 2369 height: calc(var(--toolbar-grouped-height) - var(--toolbar-height));
2369 min-width: 300px; 2370 min-width: 300px;
2370 } 2371 }
2371 2372
2372 paper-tab { 2373 paper-tab {
2373 --paper-tab-ink: rgba(255, 255, 255, 0.4); 2374 --paper-tab-ink: rgba(255, 255, 255, 0.4);
2374 font-size: 13px;
2375 text-transform: uppercase; 2375 text-transform: uppercase;
2376 } 2376 }
2377 2377
2378 #grouped-buttons-container { 2378 #grouped-buttons-container {
2379 align-items: center; 2379 align-items: center;
2380 display: flex; 2380 display: flex;
2381 } 2381 }
2382 2382
2383 #grouped-nav-container { 2383 #grouped-nav-container {
2384 -webkit-margin-end: 16px; 2384 -webkit-margin-end: 16px;
(...skipping 339 matching lines...) Expand 10 before | Expand all | Expand 10 after
2724 2724
2725 a { 2725 a {
2726 color: var(--link-color); 2726 color: var(--link-color);
2727 } 2727 }
2728 2728
2729 .card-title { 2729 .card-title {
2730 align-items: center; 2730 align-items: center;
2731 border-bottom: 1px solid var(--card-border-color); 2731 border-bottom: 1px solid var(--card-border-color);
2732 border-radius: 2px 2px 0 0; 2732 border-radius: 2px 2px 0 0;
2733 display: flex; 2733 display: flex;
2734 font-size: 14px; 2734 font-size: 108%;
2735 font-weight: 500; 2735 font-weight: 500;
2736 height: 48px; 2736 height: 48px;
2737 line-height: 48px; 2737 line-height: 48px;
2738 overflow: hidden; 2738 overflow: hidden;
2739 padding: 0 20px; 2739 padding: 0 20px;
2740 text-overflow: ellipsis; 2740 text-overflow: ellipsis;
2741 white-space: nowrap; 2741 white-space: nowrap;
2742 } 2742 }
2743 2743
2744 .centered-message { 2744 .centered-message {
2745 align-items: center; 2745 align-items: center;
2746 color: var(--md-loading-message-color); 2746 color: var(--md-loading-message-color);
2747 display: flex; 2747 display: flex;
2748 flex: 1; 2748 flex: 1;
2749 font-size: 14px; 2749 font-size: 108%;
2750 font-weight: 500; 2750 font-weight: 500;
2751 height: 100%; 2751 height: 100%;
2752 justify-content: center; 2752 justify-content: center;
2753 } 2753 }
2754 2754
2755 .website-icon { 2755 .website-icon {
2756 -webkit-margin-end: 16px; 2756 -webkit-margin-end: 16px;
2757 background-repeat: no-repeat; 2757 background-repeat: no-repeat;
2758 background-size: 16px; 2758 background-size: 16px;
2759 height: 16px; 2759 height: 16px;
(...skipping 269 matching lines...) Expand 10 before | Expand all | Expand 10 after
3029 3029
3030 a { 3030 a {
3031 color: var(--link-color); 3031 color: var(--link-color);
3032 } 3032 }
3033 3033
3034 .card-title { 3034 .card-title {
3035 align-items: center; 3035 align-items: center;
3036 border-bottom: 1px solid var(--card-border-color); 3036 border-bottom: 1px solid var(--card-border-color);
3037 border-radius: 2px 2px 0 0; 3037 border-radius: 2px 2px 0 0;
3038 display: flex; 3038 display: flex;
3039 font-size: 14px; 3039 font-size: 108%;
3040 font-weight: 500; 3040 font-weight: 500;
3041 height: 48px; 3041 height: 48px;
3042 line-height: 48px; 3042 line-height: 48px;
3043 overflow: hidden; 3043 overflow: hidden;
3044 padding: 0 20px; 3044 padding: 0 20px;
3045 text-overflow: ellipsis; 3045 text-overflow: ellipsis;
3046 white-space: nowrap; 3046 white-space: nowrap;
3047 } 3047 }
3048 3048
3049 .centered-message { 3049 .centered-message {
3050 align-items: center; 3050 align-items: center;
3051 color: var(--md-loading-message-color); 3051 color: var(--md-loading-message-color);
3052 display: flex; 3052 display: flex;
3053 flex: 1; 3053 flex: 1;
3054 font-size: 14px; 3054 font-size: 108%;
3055 font-weight: 500; 3055 font-weight: 500;
3056 height: 100%; 3056 height: 100%;
3057 justify-content: center; 3057 justify-content: center;
3058 } 3058 }
3059 3059
3060 .website-icon { 3060 .website-icon {
3061 -webkit-margin-end: 16px; 3061 -webkit-margin-end: 16px;
3062 background-repeat: no-repeat; 3062 background-repeat: no-repeat;
3063 background-size: 16px; 3063 background-size: 16px;
3064 height: 16px; 3064 height: 16px;
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after
3135 3135
3136 a { 3136 a {
3137 color: var(--link-color); 3137 color: var(--link-color);
3138 } 3138 }
3139 3139
3140 .card-title { 3140 .card-title {
3141 align-items: center; 3141 align-items: center;
3142 border-bottom: 1px solid var(--card-border-color); 3142 border-bottom: 1px solid var(--card-border-color);
3143 border-radius: 2px 2px 0 0; 3143 border-radius: 2px 2px 0 0;
3144 display: flex; 3144 display: flex;
3145 font-size: 14px; 3145 font-size: 108%;
3146 font-weight: 500; 3146 font-weight: 500;
3147 height: 48px; 3147 height: 48px;
3148 line-height: 48px; 3148 line-height: 48px;
3149 overflow: hidden; 3149 overflow: hidden;
3150 padding: 0 20px; 3150 padding: 0 20px;
3151 text-overflow: ellipsis; 3151 text-overflow: ellipsis;
3152 white-space: nowrap; 3152 white-space: nowrap;
3153 } 3153 }
3154 3154
3155 .centered-message { 3155 .centered-message {
3156 align-items: center; 3156 align-items: center;
3157 color: var(--md-loading-message-color); 3157 color: var(--md-loading-message-color);
3158 display: flex; 3158 display: flex;
3159 flex: 1; 3159 flex: 1;
3160 font-size: 14px; 3160 font-size: 108%;
3161 font-weight: 500; 3161 font-weight: 500;
3162 height: 100%; 3162 height: 100%;
3163 justify-content: center; 3163 justify-content: center;
3164 } 3164 }
3165 3165
3166 .website-icon { 3166 .website-icon {
3167 -webkit-margin-end: 16px; 3167 -webkit-margin-end: 16px;
3168 background-repeat: no-repeat; 3168 background-repeat: no-repeat;
3169 background-size: 16px; 3169 background-size: 16px;
3170 height: 16px; 3170 height: 16px;
(...skipping 272 matching lines...) Expand 10 before | Expand all | Expand 10 after
3443 3443
3444 a { 3444 a {
3445 color: var(--link-color); 3445 color: var(--link-color);
3446 } 3446 }
3447 3447
3448 .card-title { 3448 .card-title {
3449 align-items: center; 3449 align-items: center;
3450 border-bottom: 1px solid var(--card-border-color); 3450 border-bottom: 1px solid var(--card-border-color);
3451 border-radius: 2px 2px 0 0; 3451 border-radius: 2px 2px 0 0;
3452 display: flex; 3452 display: flex;
3453 font-size: 14px; 3453 font-size: 108%;
3454 font-weight: 500; 3454 font-weight: 500;
3455 height: 48px; 3455 height: 48px;
3456 line-height: 48px; 3456 line-height: 48px;
3457 overflow: hidden; 3457 overflow: hidden;
3458 padding: 0 20px; 3458 padding: 0 20px;
3459 text-overflow: ellipsis; 3459 text-overflow: ellipsis;
3460 white-space: nowrap; 3460 white-space: nowrap;
3461 } 3461 }
3462 3462
3463 .centered-message { 3463 .centered-message {
3464 align-items: center; 3464 align-items: center;
3465 color: var(--md-loading-message-color); 3465 color: var(--md-loading-message-color);
3466 display: flex; 3466 display: flex;
3467 flex: 1; 3467 flex: 1;
3468 font-size: 14px; 3468 font-size: 108%;
3469 font-weight: 500; 3469 font-weight: 500;
3470 height: 100%; 3470 height: 100%;
3471 justify-content: center; 3471 justify-content: center;
3472 } 3472 }
3473 3473
3474 .website-icon { 3474 .website-icon {
3475 -webkit-margin-end: 16px; 3475 -webkit-margin-end: 16px;
3476 background-repeat: no-repeat; 3476 background-repeat: no-repeat;
3477 background-size: 16px; 3477 background-size: 16px;
3478 height: 16px; 3478 height: 16px;
(...skipping 80 matching lines...) Expand 10 before | Expand all | Expand 10 after
3559 iron-selector > a { 3559 iron-selector > a {
3560 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height); 3560 font-family: var(--paper-font-subhead_-_font-family); -webkit-font-smoothing: var(--paper-font-subhead_-_-webkit-font-smoothing); font-size: var(--paper-font- subhead_-_font-size); font-weight: var(--paper-font-subhead_-_font-weight); line -height: var(--paper-font-subhead_-_line-height);
3561 3561
3562 -webkit-margin-end: 4px; 3562 -webkit-margin-end: 4px;
3563 -webkit-padding-start: 24px; 3563 -webkit-padding-start: 24px;
3564 align-items: center; 3564 align-items: center;
3565 box-sizing: border-box; 3565 box-sizing: border-box;
3566 color: inherit; 3566 color: inherit;
3567 cursor: pointer; 3567 cursor: pointer;
3568 display: flex; 3568 display: flex;
3569 font-size: 14px; 3569 font-size: 108%;
3570 font-weight: 500; 3570 font-weight: 500;
3571 min-height: 48px; 3571 min-height: 48px;
3572 position: relative; 3572 position: relative;
3573 text-decoration: none; 3573 text-decoration: none;
3574 } 3574 }
3575 3575
3576 iron-selector > a.iron-selected { 3576 iron-selector > a.iron-selected {
3577 color: var(--link-color); 3577 color: var(--link-color);
3578 } 3578 }
3579 3579
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
3630 3630
3631 a { 3631 a {
3632 color: var(--link-color); 3632 color: var(--link-color);
3633 } 3633 }
3634 3634
3635 .card-title { 3635 .card-title {
3636 align-items: center; 3636 align-items: center;
3637 border-bottom: 1px solid var(--card-border-color); 3637 border-bottom: 1px solid var(--card-border-color);
3638 border-radius: 2px 2px 0 0; 3638 border-radius: 2px 2px 0 0;
3639 display: flex; 3639 display: flex;
3640 font-size: 14px; 3640 font-size: 108%;
3641 font-weight: 500; 3641 font-weight: 500;
3642 height: 48px; 3642 height: 48px;
3643 line-height: 48px; 3643 line-height: 48px;
3644 overflow: hidden; 3644 overflow: hidden;
3645 padding: 0 20px; 3645 padding: 0 20px;
3646 text-overflow: ellipsis; 3646 text-overflow: ellipsis;
3647 white-space: nowrap; 3647 white-space: nowrap;
3648 } 3648 }
3649 3649
3650 .centered-message { 3650 .centered-message {
3651 align-items: center; 3651 align-items: center;
3652 color: var(--md-loading-message-color); 3652 color: var(--md-loading-message-color);
3653 display: flex; 3653 display: flex;
3654 flex: 1; 3654 flex: 1;
3655 font-size: 14px; 3655 font-size: 108%;
3656 font-weight: 500; 3656 font-weight: 500;
3657 height: 100%; 3657 height: 100%;
3658 justify-content: center; 3658 justify-content: center;
3659 } 3659 }
3660 3660
3661 .website-icon { 3661 .website-icon {
3662 -webkit-margin-end: 16px; 3662 -webkit-margin-end: 16px;
3663 background-repeat: no-repeat; 3663 background-repeat: no-repeat;
3664 background-size: 16px; 3664 background-size: 16px;
3665 height: 16px; 3665 height: 16px;
(...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after
3805 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3805 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3806 </history-side-bar> 3806 </history-side-bar>
3807 </app-drawer> 3807 </app-drawer>
3808 </template> 3808 </template>
3809 3809
3810 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3810 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3811 </iron-media-query> 3811 </iron-media-query>
3812 </template> 3812 </template>
3813 </dom-module> 3813 </dom-module>
3814 <script src="app.crisper.js"></script></body></html> 3814 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_history/history_toolbar.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698