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

Unified 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 side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/md_history/app.vulcanized.html
diff --git a/chrome/browser/resources/md_history/app.vulcanized.html b/chrome/browser/resources/md_history/app.vulcanized.html
index 001182810d02bec71e7ecac9959cc4c9c9861a65..1f110a07b6bcca5e3c216d447faf0b7e8ea6128a 100644
--- a/chrome/browser/resources/md_history/app.vulcanized.html
+++ b/chrome/browser/resources/md_history/app.vulcanized.html
@@ -2825,7 +2825,8 @@ h1 {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -2834,6 +2835,10 @@ h1 {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {
@@ -2905,7 +2910,8 @@ button.more-vert-button div {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -2914,6 +2920,10 @@ button.more-vert-button div {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {
@@ -3743,7 +3753,8 @@ paper-ripple {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -3752,6 +3763,10 @@ paper-ripple {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {
@@ -3842,7 +3857,7 @@ button.more-vert-button div {
}
:host([is-card-start]) #date-accessed {
- display: flex;
+ display: block;
}
#item-container {
@@ -4006,7 +4021,8 @@ paper-checkbox {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -4015,6 +4031,10 @@ paper-checkbox {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {
@@ -4235,7 +4255,8 @@ history-item {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -4244,6 +4265,10 @@ history-item {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {
@@ -4335,7 +4360,8 @@ history-item {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -4344,6 +4370,10 @@ history-item {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {
@@ -4523,7 +4553,8 @@ dialog .body {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -4532,6 +4563,10 @@ dialog .body {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {
@@ -4688,7 +4723,8 @@ button.more-vert-button div {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -4697,6 +4733,10 @@ button.more-vert-button div {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {
@@ -4908,7 +4948,8 @@ paper-spinner {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -4917,6 +4958,10 @@ paper-spinner {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {
@@ -5079,7 +5124,8 @@ iron-selector > a.iron-selected {
}
.card-title {
- -webkit-padding-start: 20px;
+ -webkit-padding-end: 20px;
+ -webkit-padding-start: 20px;
align-items: center;
border-bottom: 1px solid var(--card-border-color);
border-radius: 2px 2px 0 0;
@@ -5088,6 +5134,10 @@ iron-selector > a.iron-selected {
font-size: 14px;
font-weight: 500;
height: 48px;
+ line-height: 48px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
.centered-message {

Powered by Google App Engine
This is Rietveld 408576698