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

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: 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') | chrome/browser/resources/md_history/shared_style.html » ('J')
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 -webkit-padding-end: 20px;
2829 -webkit-padding-start: 20px;
2829 align-items: center; 2830 align-items: center;
2830 border-bottom: 1px solid var(--card-border-color); 2831 border-bottom: 1px solid var(--card-border-color);
2831 border-radius: 2px 2px 0 0; 2832 border-radius: 2px 2px 0 0;
2832 color: var(--primary-text-color); 2833 color: var(--primary-text-color);
2833 display: flex; 2834 display: flex;
2834 font-size: 14px; 2835 font-size: 14px;
2835 font-weight: 500; 2836 font-weight: 500;
2836 height: 48px; 2837 height: 48px;
2838 line-height: 48px;
2839 overflow: hidden;
2840 text-overflow: ellipsis;
2841 white-space: nowrap;
2837 } 2842 }
2838 2843
2839 .centered-message { 2844 .centered-message {
2840 align-items: center; 2845 align-items: center;
2841 color: #b4b4b4; 2846 color: #b4b4b4;
2842 display: flex; 2847 display: flex;
2843 flex: 1; 2848 flex: 1;
2844 font-size: 14px; 2849 font-size: 14px;
2845 font-weight: 500; 2850 font-weight: 500;
2846 height: 100%; 2851 height: 100%;
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after
2898 </style> 2903 </style>
2899 </template> 2904 </template>
2900 </dom-module> 2905 </dom-module>
2901 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow "> 2906 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">
2902 <template> 2907 <template>
2903 <style scope="history-toolbar">[hidden] { 2908 <style scope="history-toolbar">[hidden] {
2904 display: none !important; 2909 display: none !important;
2905 } 2910 }
2906 2911
2907 .card-title { 2912 .card-title {
2908 -webkit-padding-start: 20px; 2913 -webkit-padding-end: 20px;
2914 -webkit-padding-start: 20px;
2909 align-items: center; 2915 align-items: center;
2910 border-bottom: 1px solid var(--card-border-color); 2916 border-bottom: 1px solid var(--card-border-color);
2911 border-radius: 2px 2px 0 0; 2917 border-radius: 2px 2px 0 0;
2912 color: var(--primary-text-color); 2918 color: var(--primary-text-color);
2913 display: flex; 2919 display: flex;
2914 font-size: 14px; 2920 font-size: 14px;
2915 font-weight: 500; 2921 font-weight: 500;
2916 height: 48px; 2922 height: 48px;
2923 line-height: 48px;
2924 overflow: hidden;
2925 text-overflow: ellipsis;
2926 white-space: nowrap;
2917 } 2927 }
2918 2928
2919 .centered-message { 2929 .centered-message {
2920 align-items: center; 2930 align-items: center;
2921 color: #b4b4b4; 2931 color: #b4b4b4;
2922 display: flex; 2932 display: flex;
2923 flex: 1; 2933 flex: 1;
2924 font-size: 14px; 2934 font-size: 14px;
2925 font-weight: 500; 2935 font-weight: 500;
2926 height: 100%; 2936 height: 100%;
(...skipping 809 matching lines...) Expand 10 before | Expand all | Expand 10 after
3736 </dom-module> 3746 </dom-module>
3737 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow"> 3747 <dom-module id="history-searched-label" assetpath="chrome://history/" css-build= "shadow">
3738 </dom-module> 3748 </dom-module>
3739 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow"> 3749 <dom-module id="history-item" assetpath="chrome://history/" css-build="shadow">
3740 <template> 3750 <template>
3741 <style scope="history-item">[hidden] { 3751 <style scope="history-item">[hidden] {
3742 display: none !important; 3752 display: none !important;
3743 } 3753 }
3744 3754
3745 .card-title { 3755 .card-title {
3746 -webkit-padding-start: 20px; 3756 -webkit-padding-end: 20px;
3757 -webkit-padding-start: 20px;
3747 align-items: center; 3758 align-items: center;
3748 border-bottom: 1px solid var(--card-border-color); 3759 border-bottom: 1px solid var(--card-border-color);
3749 border-radius: 2px 2px 0 0; 3760 border-radius: 2px 2px 0 0;
3750 color: var(--primary-text-color); 3761 color: var(--primary-text-color);
3751 display: flex; 3762 display: flex;
3752 font-size: 14px; 3763 font-size: 14px;
3753 font-weight: 500; 3764 font-weight: 500;
3754 height: 48px; 3765 height: 48px;
3766 line-height: 48px;
3767 overflow: hidden;
3768 text-overflow: ellipsis;
3769 white-space: nowrap;
3755 } 3770 }
3756 3771
3757 .centered-message { 3772 .centered-message {
3758 align-items: center; 3773 align-items: center;
3759 color: #b4b4b4; 3774 color: #b4b4b4;
3760 display: flex; 3775 display: flex;
3761 flex: 1; 3776 flex: 1;
3762 font-size: 14px; 3777 font-size: 14px;
3763 font-weight: 500; 3778 font-weight: 500;
3764 height: 100%; 3779 height: 100%;
(...skipping 70 matching lines...) Expand 10 before | Expand all | Expand 10 after
3835 3850
3836 :host([is-card-start][is-card-end]) #main-container { 3851 :host([is-card-start][is-card-end]) #main-container {
3837 border-radius: 2px; 3852 border-radius: 2px;
3838 } 3853 }
3839 3854
3840 #date-accessed { 3855 #date-accessed {
3841 display: none; 3856 display: none;
3842 } 3857 }
3843 3858
3844 :host([is-card-start]) #date-accessed { 3859 :host([is-card-start]) #date-accessed {
3845 display: flex; 3860 display: block;
3846 } 3861 }
3847 3862
3848 #item-container { 3863 #item-container {
3849 align-items: center; 3864 align-items: center;
3850 display: flex; 3865 display: flex;
3851 min-height: var(--item-height); 3866 min-height: var(--item-height);
3852 } 3867 }
3853 3868
3854 :host([is-card-start]) #item-container { 3869 :host([is-card-start]) #item-container {
3855 padding-top: var(--card-first-last-item-padding); 3870 padding-top: var(--card-first-last-item-padding);
(...skipping 143 matching lines...) Expand 10 before | Expand all | Expand 10 after
3999 </div> 4014 </div>
4000 </template> 4015 </template>
4001 </dom-module> 4016 </dom-module>
4002 <dom-module id="history-grouped-list" assetpath="chrome://history/" css-build="s hadow"> 4017 <dom-module id="history-grouped-list" assetpath="chrome://history/" css-build="s hadow">
4003 <template> 4018 <template>
4004 <style scope="history-grouped-list">[hidden] { 4019 <style scope="history-grouped-list">[hidden] {
4005 display: none !important; 4020 display: none !important;
4006 } 4021 }
4007 4022
4008 .card-title { 4023 .card-title {
4009 -webkit-padding-start: 20px; 4024 -webkit-padding-end: 20px;
4025 -webkit-padding-start: 20px;
4010 align-items: center; 4026 align-items: center;
4011 border-bottom: 1px solid var(--card-border-color); 4027 border-bottom: 1px solid var(--card-border-color);
4012 border-radius: 2px 2px 0 0; 4028 border-radius: 2px 2px 0 0;
4013 color: var(--primary-text-color); 4029 color: var(--primary-text-color);
4014 display: flex; 4030 display: flex;
4015 font-size: 14px; 4031 font-size: 14px;
4016 font-weight: 500; 4032 font-weight: 500;
4017 height: 48px; 4033 height: 48px;
4034 line-height: 48px;
4035 overflow: hidden;
4036 text-overflow: ellipsis;
4037 white-space: nowrap;
4018 } 4038 }
4019 4039
4020 .centered-message { 4040 .centered-message {
4021 align-items: center; 4041 align-items: center;
4022 color: #b4b4b4; 4042 color: #b4b4b4;
4023 display: flex; 4043 display: flex;
4024 flex: 1; 4044 flex: 1;
4025 font-size: 14px; 4045 font-size: 14px;
4026 font-weight: 500; 4046 font-weight: 500;
4027 height: 100%; 4047 height: 100%;
(...skipping 200 matching lines...) Expand 10 before | Expand all | Expand 10 after
4228 </template> 4248 </template>
4229 </dom-module> 4249 </dom-module>
4230 4250
4231 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow"> 4251 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow">
4232 <template> 4252 <template>
4233 <style scope="history-list">[hidden] { 4253 <style scope="history-list">[hidden] {
4234 display: none !important; 4254 display: none !important;
4235 } 4255 }
4236 4256
4237 .card-title { 4257 .card-title {
4238 -webkit-padding-start: 20px; 4258 -webkit-padding-end: 20px;
4259 -webkit-padding-start: 20px;
4239 align-items: center; 4260 align-items: center;
4240 border-bottom: 1px solid var(--card-border-color); 4261 border-bottom: 1px solid var(--card-border-color);
4241 border-radius: 2px 2px 0 0; 4262 border-radius: 2px 2px 0 0;
4242 color: var(--primary-text-color); 4263 color: var(--primary-text-color);
4243 display: flex; 4264 display: flex;
4244 font-size: 14px; 4265 font-size: 14px;
4245 font-weight: 500; 4266 font-weight: 500;
4246 height: 48px; 4267 height: 48px;
4268 line-height: 48px;
4269 overflow: hidden;
4270 text-overflow: ellipsis;
4271 white-space: nowrap;
4247 } 4272 }
4248 4273
4249 .centered-message { 4274 .centered-message {
4250 align-items: center; 4275 align-items: center;
4251 color: #b4b4b4; 4276 color: #b4b4b4;
4252 display: flex; 4277 display: flex;
4253 flex: 1; 4278 flex: 1;
4254 font-size: 14px; 4279 font-size: 14px;
4255 font-weight: 500; 4280 font-weight: 500;
4256 height: 100%; 4281 height: 100%;
(...skipping 71 matching lines...) Expand 10 before | Expand all | Expand 10 after
4328 </iron-scroll-threshold> 4353 </iron-scroll-threshold>
4329 </template> 4354 </template>
4330 </dom-module> 4355 </dom-module>
4331 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow"> 4356 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">
4332 <template> 4357 <template>
4333 <style scope="history-list-container">[hidden] { 4358 <style scope="history-list-container">[hidden] {
4334 display: none !important; 4359 display: none !important;
4335 } 4360 }
4336 4361
4337 .card-title { 4362 .card-title {
4338 -webkit-padding-start: 20px; 4363 -webkit-padding-end: 20px;
4364 -webkit-padding-start: 20px;
4339 align-items: center; 4365 align-items: center;
4340 border-bottom: 1px solid var(--card-border-color); 4366 border-bottom: 1px solid var(--card-border-color);
4341 border-radius: 2px 2px 0 0; 4367 border-radius: 2px 2px 0 0;
4342 color: var(--primary-text-color); 4368 color: var(--primary-text-color);
4343 display: flex; 4369 display: flex;
4344 font-size: 14px; 4370 font-size: 14px;
4345 font-weight: 500; 4371 font-weight: 500;
4346 height: 48px; 4372 height: 48px;
4373 line-height: 48px;
4374 overflow: hidden;
4375 text-overflow: ellipsis;
4376 white-space: nowrap;
4347 } 4377 }
4348 4378
4349 .centered-message { 4379 .centered-message {
4350 align-items: center; 4380 align-items: center;
4351 color: #b4b4b4; 4381 color: #b4b4b4;
4352 display: flex; 4382 display: flex;
4353 flex: 1; 4383 flex: 1;
4354 font-size: 14px; 4384 font-size: 14px;
4355 font-weight: 500; 4385 font-weight: 500;
4356 height: 100%; 4386 height: 100%;
(...skipping 159 matching lines...) Expand 10 before | Expand all | Expand 10 after
4516 </template> 4546 </template>
4517 </template> 4547 </template>
4518 </dom-module> 4548 </dom-module>
4519 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow"> 4549 <dom-module id="history-synced-device-card" assetpath="chrome://history/" css-bu ild="shadow">
4520 <template> 4550 <template>
4521 <style scope="history-synced-device-card">[hidden] { 4551 <style scope="history-synced-device-card">[hidden] {
4522 display: none !important; 4552 display: none !important;
4523 } 4553 }
4524 4554
4525 .card-title { 4555 .card-title {
4526 -webkit-padding-start: 20px; 4556 -webkit-padding-end: 20px;
4557 -webkit-padding-start: 20px;
4527 align-items: center; 4558 align-items: center;
4528 border-bottom: 1px solid var(--card-border-color); 4559 border-bottom: 1px solid var(--card-border-color);
4529 border-radius: 2px 2px 0 0; 4560 border-radius: 2px 2px 0 0;
4530 color: var(--primary-text-color); 4561 color: var(--primary-text-color);
4531 display: flex; 4562 display: flex;
4532 font-size: 14px; 4563 font-size: 14px;
4533 font-weight: 500; 4564 font-weight: 500;
4534 height: 48px; 4565 height: 48px;
4566 line-height: 48px;
4567 overflow: hidden;
4568 text-overflow: ellipsis;
4569 white-space: nowrap;
4535 } 4570 }
4536 4571
4537 .centered-message { 4572 .centered-message {
4538 align-items: center; 4573 align-items: center;
4539 color: #b4b4b4; 4574 color: #b4b4b4;
4540 display: flex; 4575 display: flex;
4541 flex: 1; 4576 flex: 1;
4542 font-size: 14px; 4577 font-size: 14px;
4543 font-weight: 500; 4578 font-weight: 500;
4544 height: 100%; 4579 height: 100%;
(...skipping 136 matching lines...) Expand 10 before | Expand all | Expand 10 after
4681 </div> 4716 </div>
4682 </template> 4717 </template>
4683 </dom-module> 4718 </dom-module>
4684 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow"> 4719 <dom-module id="history-synced-device-manager" assetpath="chrome://history/" css -build="shadow">
4685 <template> 4720 <template>
4686 <style scope="history-synced-device-manager">[hidden] { 4721 <style scope="history-synced-device-manager">[hidden] {
4687 display: none !important; 4722 display: none !important;
4688 } 4723 }
4689 4724
4690 .card-title { 4725 .card-title {
4691 -webkit-padding-start: 20px; 4726 -webkit-padding-end: 20px;
4727 -webkit-padding-start: 20px;
4692 align-items: center; 4728 align-items: center;
4693 border-bottom: 1px solid var(--card-border-color); 4729 border-bottom: 1px solid var(--card-border-color);
4694 border-radius: 2px 2px 0 0; 4730 border-radius: 2px 2px 0 0;
4695 color: var(--primary-text-color); 4731 color: var(--primary-text-color);
4696 display: flex; 4732 display: flex;
4697 font-size: 14px; 4733 font-size: 14px;
4698 font-weight: 500; 4734 font-weight: 500;
4699 height: 48px; 4735 height: 48px;
4736 line-height: 48px;
4737 overflow: hidden;
4738 text-overflow: ellipsis;
4739 white-space: nowrap;
4700 } 4740 }
4701 4741
4702 .centered-message { 4742 .centered-message {
4703 align-items: center; 4743 align-items: center;
4704 color: #b4b4b4; 4744 color: #b4b4b4;
4705 display: flex; 4745 display: flex;
4706 flex: 1; 4746 flex: 1;
4707 font-size: 14px; 4747 font-size: 14px;
4708 font-weight: 500; 4748 font-weight: 500;
4709 height: 100%; 4749 height: 100%;
(...skipping 191 matching lines...) Expand 10 before | Expand all | Expand 10 after
4901 </template> 4941 </template>
4902 </template> 4942 </template>
4903 </dom-module> 4943 </dom-module>
4904 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w"> 4944 <dom-module id="history-side-bar" assetpath="chrome://history/" css-build="shado w">
4905 <template> 4945 <template>
4906 <style scope="history-side-bar">[hidden] { 4946 <style scope="history-side-bar">[hidden] {
4907 display: none !important; 4947 display: none !important;
4908 } 4948 }
4909 4949
4910 .card-title { 4950 .card-title {
4911 -webkit-padding-start: 20px; 4951 -webkit-padding-end: 20px;
4952 -webkit-padding-start: 20px;
4912 align-items: center; 4953 align-items: center;
4913 border-bottom: 1px solid var(--card-border-color); 4954 border-bottom: 1px solid var(--card-border-color);
4914 border-radius: 2px 2px 0 0; 4955 border-radius: 2px 2px 0 0;
4915 color: var(--primary-text-color); 4956 color: var(--primary-text-color);
4916 display: flex; 4957 display: flex;
4917 font-size: 14px; 4958 font-size: 14px;
4918 font-weight: 500; 4959 font-weight: 500;
4919 height: 48px; 4960 height: 48px;
4961 line-height: 48px;
4962 overflow: hidden;
4963 text-overflow: ellipsis;
4964 white-space: nowrap;
4920 } 4965 }
4921 4966
4922 .centered-message { 4967 .centered-message {
4923 align-items: center; 4968 align-items: center;
4924 color: #b4b4b4; 4969 color: #b4b4b4;
4925 display: flex; 4970 display: flex;
4926 flex: 1; 4971 flex: 1;
4927 font-size: 14px; 4972 font-size: 14px;
4928 font-weight: 500; 4973 font-weight: 500;
4929 height: 100%; 4974 height: 100%;
(...skipping 142 matching lines...) Expand 10 before | Expand all | Expand 10 after
5072 5117
5073 <style scope="history-app">history-toolbar { 5118 <style scope="history-app">history-toolbar {
5074 background: var(--md-toolbar-color); 5119 background: var(--md-toolbar-color);
5075 } 5120 }
5076 5121
5077 [hidden] { 5122 [hidden] {
5078 display: none !important; 5123 display: none !important;
5079 } 5124 }
5080 5125
5081 .card-title { 5126 .card-title {
5082 -webkit-padding-start: 20px; 5127 -webkit-padding-end: 20px;
5128 -webkit-padding-start: 20px;
5083 align-items: center; 5129 align-items: center;
5084 border-bottom: 1px solid var(--card-border-color); 5130 border-bottom: 1px solid var(--card-border-color);
5085 border-radius: 2px 2px 0 0; 5131 border-radius: 2px 2px 0 0;
5086 color: var(--primary-text-color); 5132 color: var(--primary-text-color);
5087 display: flex; 5133 display: flex;
5088 font-size: 14px; 5134 font-size: 14px;
5089 font-weight: 500; 5135 font-weight: 500;
5090 height: 48px; 5136 height: 48px;
5137 line-height: 48px;
5138 overflow: hidden;
5139 text-overflow: ellipsis;
5140 white-space: nowrap;
5091 } 5141 }
5092 5142
5093 .centered-message { 5143 .centered-message {
5094 align-items: center; 5144 align-items: center;
5095 color: #b4b4b4; 5145 color: #b4b4b4;
5096 display: flex; 5146 display: flex;
5097 flex: 1; 5147 flex: 1;
5098 font-size: 14px; 5148 font-size: 14px;
5099 font-weight: 500; 5149 font-weight: 500;
5100 height: 100%; 5150 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=""> 5288 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]" route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer="">
5239 </history-side-bar> 5289 </history-side-bar>
5240 </app-drawer> 5290 </app-drawer>
5241 </template> 5291 </template>
5242 5292
5243 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 5293 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
5244 </iron-media-query> 5294 </iron-media-query>
5245 </template> 5295 </template>
5246 </dom-module> 5296 </dom-module>
5247 <script src="app.crisper.js"></script></body></html> 5297 <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') | chrome/browser/resources/md_history/shared_style.html » ('J')

Powered by Google App Engine
This is Rietveld 408576698