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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2318343004: MD History: Truncate long search terms in card title box (Closed)
Patch Set: rebase Created 4 years, 3 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_item.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 2807 matching lines...) Expand 10 before | Expand all | Expand 10 after
2818 } 2818 }
2819 2819
2820 </style> 2820 </style>
2821 <dom-module id="shared-style" assetpath="chrome://history/" css-build="shadow"> 2821 <dom-module id="shared-style" assetpath="chrome://history/" css-build="shadow">
2822 <template> 2822 <template>
2823 <style scope="shared-style">[hidden] { 2823 <style scope="shared-style">[hidden] {
2824 display: none !important; 2824 display: none !important;
2825 } 2825 }
2826 2826
2827 .card-title { 2827 .card-title {
2828 -webkit-padding-start: 20px; 2828 align-items: center;
2829 align-items: center;
2830 border-bottom: 1px solid var(--card-border-color); 2829 border-bottom: 1px solid var(--card-border-color);
2831 border-radius: 2px 2px 0 0; 2830 border-radius: 2px 2px 0 0;
2832 color: var(--primary-text-color); 2831 color: var(--primary-text-color);
2833 display: flex; 2832 display: flex;
2834 font-size: 14px; 2833 font-size: 14px;
2835 font-weight: 500; 2834 font-weight: 500;
2836 height: 48px; 2835 height: 48px;
2836 line-height: 48px;
2837 overflow: hidden;
2838 padding: 0 20px;
2839 text-overflow: ellipsis;
2840 white-space: nowrap;
2837 } 2841 }
2838 2842
2839 .centered-message { 2843 .centered-message {
2840 align-items: center; 2844 align-items: center;
2841 color: #b4b4b4; 2845 color: #b4b4b4;
2842 display: flex; 2846 display: flex;
2843 flex: 1; 2847 flex: 1;
2844 font-size: 14px; 2848 font-size: 14px;
2845 font-weight: 500; 2849 font-weight: 500;
2846 height: 100%; 2850 height: 100%;
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after
2898 </style> 2902 </style>
2899 </template> 2903 </template>
2900 </dom-module> 2904 </dom-module>
2901 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow "> 2905 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">
2902 <template> 2906 <template>
2903 <style scope="history-toolbar">[hidden] { 2907 <style scope="history-toolbar">[hidden] {
2904 display: none !important; 2908 display: none !important;
2905 } 2909 }
2906 2910
2907 .card-title { 2911 .card-title {
2908 -webkit-padding-start: 20px; 2912 align-items: center;
2909 align-items: center;
2910 border-bottom: 1px solid var(--card-border-color); 2913 border-bottom: 1px solid var(--card-border-color);
2911 border-radius: 2px 2px 0 0; 2914 border-radius: 2px 2px 0 0;
2912 color: var(--primary-text-color); 2915 color: var(--primary-text-color);
2913 display: flex; 2916 display: flex;
2914 font-size: 14px; 2917 font-size: 14px;
2915 font-weight: 500; 2918 font-weight: 500;
2916 height: 48px; 2919 height: 48px;
2920 line-height: 48px;
2921 overflow: hidden;
2922 padding: 0 20px;
2923 text-overflow: ellipsis;
2924 white-space: nowrap;
2917 } 2925 }
2918 2926
2919 .centered-message { 2927 .centered-message {
2920 align-items: center; 2928 align-items: center;
2921 color: #b4b4b4; 2929 color: #b4b4b4;
2922 display: flex; 2930 display: flex;
2923 flex: 1; 2931 flex: 1;
2924 font-size: 14px; 2932 font-size: 14px;
2925 font-weight: 500; 2933 font-weight: 500;
2926 height: 100%; 2934 height: 100%;
(...skipping 809 matching lines...) Expand 10 before | Expand all | Expand 10 after
3736 </dom-module> 3744 </dom-module>
3737 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow"> 3745 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">
3738 </dom-module> 3746 </dom-module>
3739 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> 3747 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">
3740 <template> 3748 <template>
3741 <style scope="history-item">[hidden] { 3749 <style scope="history-item">[hidden] {
3742 display: none !important; 3750 display: none !important;
3743 } 3751 }
3744 3752
3745 .card-title { 3753 .card-title {
3746 -webkit-padding-start: 20px; 3754 align-items: center;
3747 align-items: center;
3748 border-bottom: 1px solid var(--card-border-color); 3755 border-bottom: 1px solid var(--card-border-color);
3749 border-radius: 2px 2px 0 0; 3756 border-radius: 2px 2px 0 0;
3750 color: var(--primary-text-color); 3757 color: var(--primary-text-color);
3751 display: flex; 3758 display: flex;
3752 font-size: 14px; 3759 font-size: 14px;
3753 font-weight: 500; 3760 font-weight: 500;
3754 height: 48px; 3761 height: 48px;
3762 line-height: 48px;
3763 overflow: hidden;
3764 padding: 0 20px;
3765 text-overflow: ellipsis;
3766 white-space: nowrap;
3755 } 3767 }
3756 3768
3757 .centered-message { 3769 .centered-message {
3758 align-items: center; 3770 align-items: center;
3759 color: #b4b4b4; 3771 color: #b4b4b4;
3760 display: flex; 3772 display: flex;
3761 flex: 1; 3773 flex: 1;
3762 font-size: 14px; 3774 font-size: 14px;
3763 font-weight: 500; 3775 font-weight: 500;
3764 height: 100%; 3776 height: 100%;
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after
3835 3847
3836 :host([is-card-start][is-card-end]) #main-container { 3848 :host([is-card-start][is-card-end]) #main-container {
3837 border-radius: 2px; 3849 border-radius: 2px;
3838 } 3850 }
3839 3851
3840 #date-accessed { 3852 #date-accessed {
3841 display: none; 3853 display: none;
3842 } 3854 }
3843 3855
3844 :host([is-card-start]) #date-accessed { 3856 :host([is-card-start]) #date-accessed {
3845 display: flex; 3857 display: block;
3846 } 3858 }
3847 3859
3848 #item-container { 3860 #item-container {
3849 align-items: center; 3861 align-items: center;
3850 display: flex; 3862 display: flex;
3851 min-height: var(--item-height); 3863 min-height: var(--item-height);
3852 } 3864 }
3853 3865
3854 :host([is-card-start]) #item-container { 3866 :host([is-card-start]) #item-container {
3855 padding-top: var(--card-first-last-item-padding); 3867 padding-top: var(--card-first-last-item-padding);
(...skipping 143 matching lines...) Expand 10 before | Expand all | Expand 10 after
3999 </div> 4011 </div>
4000 </template> 4012 </template>
4001 </dom-module> 4013 </dom-module>
4002 <dom-module id="history-grouped-list" assetpath="chrome://history/" css-build="s hadow"> 4014 <dom-module id="history-grouped-list" assetpath="chrome://history/" css-build="s hadow">
4003 <template> 4015 <template>
4004 <style scope="history-grouped-list">[hidden] { 4016 <style scope="history-grouped-list">[hidden] {
4005 display: none !important; 4017 display: none !important;
4006 } 4018 }
4007 4019
4008 .card-title { 4020 .card-title {
4009 -webkit-padding-start: 20px; 4021 align-items: center;
4010 align-items: center;
4011 border-bottom: 1px solid var(--card-border-color); 4022 border-bottom: 1px solid var(--card-border-color);
4012 border-radius: 2px 2px 0 0; 4023 border-radius: 2px 2px 0 0;
4013 color: var(--primary-text-color); 4024 color: var(--primary-text-color);
4014 display: flex; 4025 display: flex;
4015 font-size: 14px; 4026 font-size: 14px;
4016 font-weight: 500; 4027 font-weight: 500;
4017 height: 48px; 4028 height: 48px;
4029 line-height: 48px;
4030 overflow: hidden;
4031 padding: 0 20px;
4032 text-overflow: ellipsis;
4033 white-space: nowrap;
4018 } 4034 }
4019 4035
4020 .centered-message { 4036 .centered-message {
4021 align-items: center; 4037 align-items: center;
4022 color: #b4b4b4; 4038 color: #b4b4b4;
4023 display: flex; 4039 display: flex;
4024 flex: 1; 4040 flex: 1;
4025 font-size: 14px; 4041 font-size: 14px;
4026 font-weight: 500; 4042 font-weight: 500;
4027 height: 100%; 4043 height: 100%;
(...skipping 200 matching lines...) Expand 10 before | Expand all | Expand 10 after
4228 </template> 4244 </template>
4229 </dom-module> 4245 </dom-module>
4230 4246
4231 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow"> 4247 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow">
4232 <template> 4248 <template>
4233 <style scope="history-list">[hidden] { 4249 <style scope="history-list">[hidden] {
4234 display: none !important; 4250 display: none !important;
4235 } 4251 }
4236 4252
4237 .card-title { 4253 .card-title {
4238 -webkit-padding-start: 20px; 4254 align-items: center;
4239 align-items: center;
4240 border-bottom: 1px solid var(--card-border-color); 4255 border-bottom: 1px solid var(--card-border-color);
4241 border-radius: 2px 2px 0 0; 4256 border-radius: 2px 2px 0 0;
4242 color: var(--primary-text-color); 4257 color: var(--primary-text-color);
4243 display: flex; 4258 display: flex;
4244 font-size: 14px; 4259 font-size: 14px;
4245 font-weight: 500; 4260 font-weight: 500;
4246 height: 48px; 4261 height: 48px;
4262 line-height: 48px;
4263 overflow: hidden;
4264 padding: 0 20px;
4265 text-overflow: ellipsis;
4266 white-space: nowrap;
4247 } 4267 }
4248 4268
4249 .centered-message { 4269 .centered-message {
4250 align-items: center; 4270 align-items: center;
4251 color: #b4b4b4; 4271 color: #b4b4b4;
4252 display: flex; 4272 display: flex;
4253 flex: 1; 4273 flex: 1;
4254 font-size: 14px; 4274 font-size: 14px;
4255 font-weight: 500; 4275 font-weight: 500;
4256 height: 100%; 4276 height: 100%;
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
4328 </iron-scroll-threshold> 4348 </iron-scroll-threshold>
4329 </template> 4349 </template>
4330 </dom-module> 4350 </dom-module>
4331 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 4351 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
4332 <template> 4352 <template>
4333 <style scope="history-list-container">[hidden] { 4353 <style scope="history-list-container">[hidden] {
4334 display: none !important; 4354 display: none !important;
4335 } 4355 }
4336 4356
4337 .card-title { 4357 .card-title {
4338 -webkit-padding-start: 20px; 4358 align-items: center;
4339 align-items: center;
4340 border-bottom: 1px solid var(--card-border-color); 4359 border-bottom: 1px solid var(--card-border-color);
4341 border-radius: 2px 2px 0 0; 4360 border-radius: 2px 2px 0 0;
4342 color: var(--primary-text-color); 4361 color: var(--primary-text-color);
4343 display: flex; 4362 display: flex;
4344 font-size: 14px; 4363 font-size: 14px;
4345 font-weight: 500; 4364 font-weight: 500;
4346 height: 48px; 4365 height: 48px;
4366 line-height: 48px;
4367 overflow: hidden;
4368 padding: 0 20px;
4369 text-overflow: ellipsis;
4370 white-space: nowrap;
4347 } 4371 }
4348 4372
4349 .centered-message { 4373 .centered-message {
4350 align-items: center; 4374 align-items: center;
4351 color: #b4b4b4; 4375 color: #b4b4b4;
4352 display: flex; 4376 display: flex;
4353 flex: 1; 4377 flex: 1;
4354 font-size: 14px; 4378 font-size: 14px;
4355 font-weight: 500; 4379 font-weight: 500;
4356 height: 100%; 4380 height: 100%;
(...skipping 159 matching lines...) Expand 10 before | Expand all | Expand 10 after
4516 </template> 4540 </template>
4517 </template> 4541 </template>
4518 </dom-module> 4542 </dom-module>
4519 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow"> 4543 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow">
4520 <template> 4544 <template>
4521 <style scope="history-synced-device-card">[hidden] { 4545 <style scope="history-synced-device-card">[hidden] {
4522 display: none !important; 4546 display: none !important;
4523 } 4547 }
4524 4548
4525 .card-title { 4549 .card-title {
4526 -webkit-padding-start: 20px; 4550 align-items: center;
4527 align-items: center;
4528 border-bottom: 1px solid var(--card-border-color); 4551 border-bottom: 1px solid var(--card-border-color);
4529 border-radius: 2px 2px 0 0; 4552 border-radius: 2px 2px 0 0;
4530 color: var(--primary-text-color); 4553 color: var(--primary-text-color);
4531 display: flex; 4554 display: flex;
4532 font-size: 14px; 4555 font-size: 14px;
4533 font-weight: 500; 4556 font-weight: 500;
4534 height: 48px; 4557 height: 48px;
4558 line-height: 48px;
4559 overflow: hidden;
4560 padding: 0 20px;
4561 text-overflow: ellipsis;
4562 white-space: nowrap;
4535 } 4563 }
4536 4564
4537 .centered-message { 4565 .centered-message {
4538 align-items: center; 4566 align-items: center;
4539 color: #b4b4b4; 4567 color: #b4b4b4;
4540 display: flex; 4568 display: flex;
4541 flex: 1; 4569 flex: 1;
4542 font-size: 14px; 4570 font-size: 14px;
4543 font-weight: 500; 4571 font-weight: 500;
4544 height: 100%; 4572 height: 100%;
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after
4593 transform: scale(0.8); 4621 transform: scale(0.8);
4594 } 4622 }
4595 4623
4596 :host { 4624 :host {
4597 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width) ; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin g); width: var(--card-sizing_-_width); 4625 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width) ; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin g); width: var(--card-sizing_-_width);
4598 display: block; 4626 display: block;
4599 padding-bottom: var(--card-padding-between); 4627 padding-bottom: var(--card-padding-between);
4600 } 4628 }
4601 4629
4602 #card-heading { 4630 #card-heading {
4603 cursor: pointer; 4631 -webkit-padding-end: 0;
4632 cursor: pointer;
4604 justify-content: space-between; 4633 justify-content: space-between;
4605 } 4634 }
4606 4635
4607 #tab-item-list { 4636 #tab-item-list {
4608 padding: 8px 0; 4637 padding: 8px 0;
4609 } 4638 }
4610 4639
4611 #last-update-time { 4640 #last-update-time {
4612 color: var(--secondary-text-color); 4641 color: var(--secondary-text-color);
4613 } 4642 }
4614 4643
4644 #title-left-content {
4645 display: flex;
4646 overflow: hidden;
4647 }
4648
4649 #device-name {
4650 overflow: hidden;
4651 padding-right: 3px;
4652 text-overflow: ellipsis;
4653 }
4654
4615 #right-buttons { 4655 #right-buttons {
4616 -webkit-margin-end: 4px; 4656 -webkit-margin-end: 4px;
4617 } 4657 }
4618 4658
4619 #menu-button { 4659 #menu-button {
4620 -webkit-margin-end: 8px; 4660 -webkit-margin-end: 8px;
4621 } 4661 }
4622 4662
4623 #collapse { 4663 #collapse {
4624 overflow: hidden; 4664 overflow: hidden;
(...skipping 15 matching lines...) Expand all
4640 #window-separator { 4680 #window-separator {
4641 background-color: var(--card-border-color); 4681 background-color: var(--card-border-color);
4642 height: 1px; 4682 height: 1px;
4643 margin: 5px auto; 4683 margin: 5px auto;
4644 width: 80%; 4684 width: 80%;
4645 } 4685 }
4646 4686
4647 </style> 4687 </style>
4648 <div id="history-item-container"> 4688 <div id="history-item-container">
4649 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard"> 4689 <div class="card-title" id="card-heading" aria-expanded$="[[opened]]" aria -controls="collapse" on-tap="toggleTabCard">
4650 <div> 4690 <div id="title-left-content">
4651 [[device]] 4691 <div id="device-name">
4692 [[device]]
4693 </div>
4652 <span id="last-update-time">[[lastUpdateTime]]</span> 4694 <span id="last-update-time">[[lastUpdateTime]]</span>
4653 </div> 4695 </div>
4654 <div id="right-buttons"> 4696 <div id="right-buttons">
4655 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}"> 4697 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" on-tap="onMenuButtonTap_" title="$i18n{moreActionsButton}">
4656 <div></div> 4698 <div></div>
4657 <div></div> 4699 <div></div>
4658 <div></div> 4700 <div></div>
4659 </button> 4701 </button>
4660 <button is="paper-icon-button-light" class="icon-button" title$="[[get CollapseTitle_(opened)]]"> 4702 <button is="paper-icon-button-light" class="icon-button" title$="[[get CollapseTitle_(opened)]]">
4661 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r"> 4703 <iron-icon icon="[[getCollapseIcon_(opened)]]" id="dropdown-indicato r">
(...skipping 19 matching lines...) Expand all
4681 </div> 4723 </div>
4682 </template> 4724 </template>
4683 </dom-module> 4725 </dom-module>
4684 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow"> 4726 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow">
4685 <template> 4727 <template>
4686 <style scope="history-synced-device-manager">[hidden] { 4728 <style scope="history-synced-device-manager">[hidden] {
4687 display: none !important; 4729 display: none !important;
4688 } 4730 }
4689 4731
4690 .card-title { 4732 .card-title {
4691 -webkit-padding-start: 20px; 4733 align-items: center;
4692 align-items: center;
4693 border-bottom: 1px solid var(--card-border-color); 4734 border-bottom: 1px solid var(--card-border-color);
4694 border-radius: 2px 2px 0 0; 4735 border-radius: 2px 2px 0 0;
4695 color: var(--primary-text-color); 4736 color: var(--primary-text-color);
4696 display: flex; 4737 display: flex;
4697 font-size: 14px; 4738 font-size: 14px;
4698 font-weight: 500; 4739 font-weight: 500;
4699 height: 48px; 4740 height: 48px;
4741 line-height: 48px;
4742 overflow: hidden;
4743 padding: 0 20px;
4744 text-overflow: ellipsis;
4745 white-space: nowrap;
4700 } 4746 }
4701 4747
4702 .centered-message { 4748 .centered-message {
4703 align-items: center; 4749 align-items: center;
4704 color: #b4b4b4; 4750 color: #b4b4b4;
4705 display: flex; 4751 display: flex;
4706 flex: 1; 4752 flex: 1;
4707 font-size: 14px; 4753 font-size: 14px;
4708 font-weight: 500; 4754 font-weight: 500;
4709 height: 100%; 4755 height: 100%;
(...skipping 191 matching lines...) Expand 10 before | Expand all | Expand 10 after
4901 </template> 4947 </template>
4902 </template> 4948 </template>
4903 </dom-module> 4949 </dom-module>
4904 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w"> 4950 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w">
4905 <template> 4951 <template>
4906 <style scope="history-side-bar">[hidden] { 4952 <style scope="history-side-bar">[hidden] {
4907 display: none !important; 4953 display: none !important;
4908 } 4954 }
4909 4955
4910 .card-title { 4956 .card-title {
4911 -webkit-padding-start: 20px; 4957 align-items: center;
4912 align-items: center;
4913 border-bottom: 1px solid var(--card-border-color); 4958 border-bottom: 1px solid var(--card-border-color);
4914 border-radius: 2px 2px 0 0; 4959 border-radius: 2px 2px 0 0;
4915 color: var(--primary-text-color); 4960 color: var(--primary-text-color);
4916 display: flex; 4961 display: flex;
4917 font-size: 14px; 4962 font-size: 14px;
4918 font-weight: 500; 4963 font-weight: 500;
4919 height: 48px; 4964 height: 48px;
4965 line-height: 48px;
4966 overflow: hidden;
4967 padding: 0 20px;
4968 text-overflow: ellipsis;
4969 white-space: nowrap;
4920 } 4970 }
4921 4971
4922 .centered-message { 4972 .centered-message {
4923 align-items: center; 4973 align-items: center;
4924 color: #b4b4b4; 4974 color: #b4b4b4;
4925 display: flex; 4975 display: flex;
4926 flex: 1; 4976 flex: 1;
4927 font-size: 14px; 4977 font-size: 14px;
4928 font-weight: 500; 4978 font-weight: 500;
4929 height: 100%; 4979 height: 100%;
(...skipping 142 matching lines...) Expand 10 before | Expand all | Expand 10 after
5072 5122
5073 <style scope="history-app">history-toolbar { 5123 <style scope="history-app">history-toolbar {
5074 background: var(--md-toolbar-color); 5124 background: var(--md-toolbar-color);
5075 } 5125 }
5076 5126
5077 [hidden] { 5127 [hidden] {
5078 display: none !important; 5128 display: none !important;
5079 } 5129 }
5080 5130
5081 .card-title { 5131 .card-title {
5082 -webkit-padding-start: 20px; 5132 align-items: center;
5083 align-items: center;
5084 border-bottom: 1px solid var(--card-border-color); 5133 border-bottom: 1px solid var(--card-border-color);
5085 border-radius: 2px 2px 0 0; 5134 border-radius: 2px 2px 0 0;
5086 color: var(--primary-text-color); 5135 color: var(--primary-text-color);
5087 display: flex; 5136 display: flex;
5088 font-size: 14px; 5137 font-size: 14px;
5089 font-weight: 500; 5138 font-weight: 500;
5090 height: 48px; 5139 height: 48px;
5140 line-height: 48px;
5141 overflow: hidden;
5142 padding: 0 20px;
5143 text-overflow: ellipsis;
5144 white-space: nowrap;
5091 } 5145 }
5092 5146
5093 .centered-message { 5147 .centered-message {
5094 align-items: center; 5148 align-items: center;
5095 color: #b4b4b4; 5149 color: #b4b4b4;
5096 display: flex; 5150 display: flex;
5097 flex: 1; 5151 flex: 1;
5098 font-size: 14px; 5152 font-size: 14px;
5099 font-weight: 500; 5153 font-weight: 500;
5100 height: 100%; 5154 height: 100%;
(...skipping 137 matching lines...) Expand 10 before | Expand all | Expand 10 after
5238 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> 5292 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
5239 </history-side-bar> 5293 </history-side-bar>
5240 </app-drawer> 5294 </app-drawer>
5241 </template> 5295 </template>
5242 5296
5243 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 5297 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
5244 </iron-media-query> 5298 </iron-media-query>
5245 </template> 5299 </template>
5246 </dom-module> 5300 </dom-module>
5247 <script src="app.crisper.js"></script></body></html> 5301 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/md_history/history_item.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698