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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2651013004: MD History: Improve styling of grouped history toolbar during page load (Closed)
Patch Set: Rebase Created 3 years, 10 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 2124 matching lines...) Expand 10 before | Expand all | Expand 10 after
2135 color: var(--primary-text-color); 2135 color: var(--primary-text-color);
2136 overflow: hidden; 2136 overflow: hidden;
2137 text-decoration: none; 2137 text-decoration: none;
2138 text-overflow: ellipsis; 2138 text-overflow: ellipsis;
2139 white-space: nowrap; 2139 white-space: nowrap;
2140 } 2140 }
2141 2141
2142 button.icon-button { 2142 button.icon-button {
2143 background: none; 2143 background: none;
2144 border: none; 2144 border: none;
2145 color: inherit;
2145 height: 36px; 2146 height: 36px;
2146 outline: none; 2147 outline: none;
2147 width: 36px; 2148 width: 36px;
2148 } 2149 }
2149 2150
2150 button.icon-button iron-icon { 2151 button.icon-button iron-icon {
2151 height: 20px; 2152 height: 20px;
2152 width: 20px; 2153 width: 20px;
2153 } 2154 }
2154 2155
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
2217 color: var(--primary-text-color); 2218 color: var(--primary-text-color);
2218 overflow: hidden; 2219 overflow: hidden;
2219 text-decoration: none; 2220 text-decoration: none;
2220 text-overflow: ellipsis; 2221 text-overflow: ellipsis;
2221 white-space: nowrap; 2222 white-space: nowrap;
2222 } 2223 }
2223 2224
2224 button.icon-button { 2225 button.icon-button {
2225 background: none; 2226 background: none;
2226 border: none; 2227 border: none;
2228 color: inherit;
2227 height: 36px; 2229 height: 36px;
2228 outline: none; 2230 outline: none;
2229 width: 36px; 2231 width: 36px;
2230 } 2232 }
2231 2233
2232 button.icon-button iron-icon { 2234 button.icon-button iron-icon {
2233 height: 20px; 2235 height: 20px;
2234 width: 20px; 2236 width: 20px;
2235 } 2237 }
2236 2238
(...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after
2327 2329
2328 #number-selected { 2330 #number-selected {
2329 flex: 1; 2331 flex: 1;
2330 } 2332 }
2331 2333
2332 #cancel-icon-button { 2334 #cancel-icon-button {
2333 -webkit-margin-end: 24px; 2335 -webkit-margin-end: 24px;
2334 -webkit-margin-start: 2px; 2336 -webkit-margin-start: 2px;
2335 } 2337 }
2336 2338
2339 paper-tabs:unresolved {
2340 visibility: hidden;
2341 }
2342
2337 paper-tabs { 2343 paper-tabs {
2338 --paper-tabs_-_font-size: apply-shim-inherit;; 2344 --paper-tabs_-_font-size: apply-shim-inherit;;
2339 --paper-tabs-selection-bar-color: #fff; 2345 --paper-tabs-selection-bar-color: #fff;
2340 -webkit-margin-start: 32px; 2346 -webkit-margin-start: 32px;
2341 height: calc(var(--toolbar-grouped-height) - var(--toolbar-height)); 2347 height: calc(var(--toolbar-grouped-height) - var(--toolbar-height));
2342 min-width: 300px; 2348 min-width: 300px;
2343 } 2349 }
2344 2350
2345 paper-tab { 2351 paper-tab {
2346 --paper-tab-ink: rgba(255, 255, 255, 0.4); 2352 --paper-tab-ink: rgba(255, 255, 255, 0.4);
(...skipping 382 matching lines...) Expand 10 before | Expand all | Expand 10 after
2729 color: var(--primary-text-color); 2735 color: var(--primary-text-color);
2730 overflow: hidden; 2736 overflow: hidden;
2731 text-decoration: none; 2737 text-decoration: none;
2732 text-overflow: ellipsis; 2738 text-overflow: ellipsis;
2733 white-space: nowrap; 2739 white-space: nowrap;
2734 } 2740 }
2735 2741
2736 button.icon-button { 2742 button.icon-button {
2737 background: none; 2743 background: none;
2738 border: none; 2744 border: none;
2745 color: inherit;
2739 height: 36px; 2746 height: 36px;
2740 outline: none; 2747 outline: none;
2741 width: 36px; 2748 width: 36px;
2742 } 2749 }
2743 2750
2744 button.icon-button iron-icon { 2751 button.icon-button iron-icon {
2745 height: 20px; 2752 height: 20px;
2746 width: 20px; 2753 width: 20px;
2747 } 2754 }
2748 2755
(...skipping 285 matching lines...) Expand 10 before | Expand all | Expand 10 after
3034 color: var(--primary-text-color); 3041 color: var(--primary-text-color);
3035 overflow: hidden; 3042 overflow: hidden;
3036 text-decoration: none; 3043 text-decoration: none;
3037 text-overflow: ellipsis; 3044 text-overflow: ellipsis;
3038 white-space: nowrap; 3045 white-space: nowrap;
3039 } 3046 }
3040 3047
3041 button.icon-button { 3048 button.icon-button {
3042 background: none; 3049 background: none;
3043 border: none; 3050 border: none;
3051 color: inherit;
3044 height: 36px; 3052 height: 36px;
3045 outline: none; 3053 outline: none;
3046 width: 36px; 3054 width: 36px;
3047 } 3055 }
3048 3056
3049 button.icon-button iron-icon { 3057 button.icon-button iron-icon {
3050 height: 20px; 3058 height: 20px;
3051 width: 20px; 3059 width: 20px;
3052 } 3060 }
3053 3061
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
3138 color: var(--primary-text-color); 3146 color: var(--primary-text-color);
3139 overflow: hidden; 3147 overflow: hidden;
3140 text-decoration: none; 3148 text-decoration: none;
3141 text-overflow: ellipsis; 3149 text-overflow: ellipsis;
3142 white-space: nowrap; 3150 white-space: nowrap;
3143 } 3151 }
3144 3152
3145 button.icon-button { 3153 button.icon-button {
3146 background: none; 3154 background: none;
3147 border: none; 3155 border: none;
3156 color: inherit;
3148 height: 36px; 3157 height: 36px;
3149 outline: none; 3158 outline: none;
3150 width: 36px; 3159 width: 36px;
3151 } 3160 }
3152 3161
3153 button.icon-button iron-icon { 3162 button.icon-button iron-icon {
3154 height: 20px; 3163 height: 20px;
3155 width: 20px; 3164 width: 20px;
3156 } 3165 }
3157 3166
(...skipping 286 matching lines...) Expand 10 before | Expand all | Expand 10 after
3444 color: var(--primary-text-color); 3453 color: var(--primary-text-color);
3445 overflow: hidden; 3454 overflow: hidden;
3446 text-decoration: none; 3455 text-decoration: none;
3447 text-overflow: ellipsis; 3456 text-overflow: ellipsis;
3448 white-space: nowrap; 3457 white-space: nowrap;
3449 } 3458 }
3450 3459
3451 button.icon-button { 3460 button.icon-button {
3452 background: none; 3461 background: none;
3453 border: none; 3462 border: none;
3463 color: inherit;
3454 height: 36px; 3464 height: 36px;
3455 outline: none; 3465 outline: none;
3456 width: 36px; 3466 width: 36px;
3457 } 3467 }
3458 3468
3459 button.icon-button iron-icon { 3469 button.icon-button iron-icon {
3460 height: 20px; 3470 height: 20px;
3461 width: 20px; 3471 width: 20px;
3462 } 3472 }
3463 3473
(...skipping 175 matching lines...) Expand 10 before | Expand all | Expand 10 after
3639 color: var(--primary-text-color); 3649 color: var(--primary-text-color);
3640 overflow: hidden; 3650 overflow: hidden;
3641 text-decoration: none; 3651 text-decoration: none;
3642 text-overflow: ellipsis; 3652 text-overflow: ellipsis;
3643 white-space: nowrap; 3653 white-space: nowrap;
3644 } 3654 }
3645 3655
3646 button.icon-button { 3656 button.icon-button {
3647 background: none; 3657 background: none;
3648 border: none; 3658 border: none;
3659 color: inherit;
3649 height: 36px; 3660 height: 36px;
3650 outline: none; 3661 outline: none;
3651 width: 36px; 3662 width: 36px;
3652 } 3663 }
3653 3664
3654 button.icon-button iron-icon { 3665 button.icon-button iron-icon {
3655 height: 20px; 3666 height: 20px;
3656 width: 20px; 3667 width: 20px;
3657 } 3668 }
3658 3669
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
3748 <history-side-bar id="drawer-side-bar" class="drawer-content" selected-p age="{{selectedPage_}}" show-footer="[[showSidebarFooter]]"> 3759 <history-side-bar id="drawer-side-bar" class="drawer-content" selected-p age="{{selectedPage_}}" show-footer="[[showSidebarFooter]]">
3749 </history-side-bar> 3760 </history-side-bar>
3750 </dialog> 3761 </dialog>
3751 </template> 3762 </template>
3752 3763
3753 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3764 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3754 </iron-media-query> 3765 </iron-media-query>
3755 </template> 3766 </template>
3756 </dom-module> 3767 </dom-module>
3757 <script src="app.crisper.js"></script></body></html> 3768 <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