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

Unified Diff: chrome/browser/resources/settings/settings_page/settings_subpage_search.html

Issue 2726113003: MD Settings: re-fix relative paper-input-label font-size. (Closed)
Patch Set: hardcode line-height so clear-icon doesn't push content down when appearing 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 side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/settings/settings_page/settings_subpage_search.html
diff --git a/chrome/browser/resources/settings/settings_page/settings_subpage_search.html b/chrome/browser/resources/settings/settings_page/settings_subpage_search.html
index 2f84151f48d79664f7640b07fd4580b14a4237e6..ba219ceaabd8460e94cdb9bdb3d2edccd51b7ada 100644
--- a/chrome/browser/resources/settings/settings_page/settings_subpage_search.html
+++ b/chrome/browser/resources/settings/settings_page/settings_subpage_search.html
@@ -24,7 +24,18 @@
--paper-input-suffix: {
/* Required to align the icon in |clearSearch| vertically. */
line-height: 0;
- }
+ };
+
+ /**
+ * Kind of suck to have to hardcode these, but its necessary to
+ * make sure the conditional clear-icon will fit within input's height.
+ */
+ --paper-input-container-input: {
+ line-height: 24px;
+ };
+ --paper-input-container-label: {
+ line-height: 24px;
+ };
}
paper-icon-button {
@@ -37,11 +48,13 @@
#searchIcon {
height: 16px;
padding: 4px;
+ vertical-align: middle;
width: 16px;
}
paper-input-container {
display: inline-block;
+ vertical-align: middle;
width: 160px; /* Special width for search input. */
}

Powered by Google App Engine
This is Rietveld 408576698