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

Unified Diff: ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html

Issue 2275453002: MD WebUI: Fix misaligned spinner in narrow-mode cr-toolbar (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Use webkit-margin-start Created 4 years, 4 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
« no previous file with comments | « chrome/browser/resources/md_history/app.vulcanized.html ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html
diff --git a/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html b/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html
index fd403a039a9f24f95038c96a33b3ed123e56bdbd..097788986b0f5acbbe65de5420c7ae48b0e133c7 100644
--- a/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html
+++ b/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html
@@ -107,17 +107,10 @@
width: 100%;
}
- /*
- * Margin needs to be animated to prevent jumping around during
- * opening/closing. -webkit-margin-start is not animatable, so we have to
- * use regular margin-left/right instead.
- */
- :host-context([dir=ltr]):host([narrow][showing-search]) #icon {
- margin-left: 18px;
- }
-
- :host-context([dir=rtl]):host([narrow][showing-search]) #icon {
- margin-right: 18px;
+ :host-context([dir=ltr]):host([narrow][showing-search]) #icon,
+ :host-context([dir=ltr]):host([narrow][showing-search])
Dan Beam 2016/08/29 20:53:04 wait, why are these dir=ltr?
tsergeant 2016/08/29 22:51:41 aww beans, that was just me forgetting to change t
+ paper-spinner-lite {
+ -webkit-margin-start: 18px;
}
</style>
<paper-spinner-lite
« no previous file with comments | « chrome/browser/resources/md_history/app.vulcanized.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698