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

Side by Side Diff: ui/webui/resources/cr_elements/cr_search_field/cr_search_field.css

Issue 2227373002: chrome://downloads: Fix a regression by RTL-aware input[type=search]. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Update cr_search_field.css 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 unified diff | Download patch
« no previous file with comments | « chrome/browser/resources/md_downloads/vulcanized.html ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2015 The Chromium Authors. All rights reserved. 1 /* Copyright 2015 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 :host { 5 :host {
6 -webkit-padding-end: 10px; 6 -webkit-padding-end: 10px;
7 box-sizing: border-box; 7 box-sizing: border-box;
8 display: flex; 8 display: flex;
9 justify-content: flex-end; 9 justify-content: flex-end;
10 } 10 }
(...skipping 22 matching lines...) Expand all
33 z-index: 0; 33 z-index: 0;
34 } 34 }
35 35
36 #searchTerm input[type='search']::-webkit-search-decoration, 36 #searchTerm input[type='search']::-webkit-search-decoration,
37 #searchTerm input[type='search']::-webkit-search-cancel-button, 37 #searchTerm input[type='search']::-webkit-search-cancel-button,
38 #searchTerm input[type='search']::-webkit-search-results-button { 38 #searchTerm input[type='search']::-webkit-search-results-button {
39 -webkit-appearance: none; 39 -webkit-appearance: none;
40 } 40 }
41 41
42 #searchTerm input[type='search']::-webkit-search-cancel-button { 42 #searchTerm input[type='search']::-webkit-search-cancel-button {
43 display: block; 43 display: none;
44 width: 20px; 44 }
45
46 #searchTerm input[type='search'] {
47 padding-right: 20px;
45 } 48 }
46 49
47 paper-icon-button { 50 paper-icon-button {
48 --iron-icon-height: 20px; 51 --iron-icon-height: 20px;
49 --iron-icon-width: 20px; 52 --iron-icon-width: 20px;
50 --paper-icon-button: { 53 --paper-icon-button: {
51 height: 32px; 54 height: 32px;
52 padding: 6px; 55 padding: 6px;
53 width: 32px; 56 width: 32px;
54 }; 57 };
(...skipping 11 matching lines...) Expand all
66 position: absolute; 69 position: absolute;
67 right: 0; 70 right: 0;
68 top: -4px; 71 top: -4px;
69 z-index: 1; 72 z-index: 1;
70 } 73 }
71 74
72 :host-context([dir='rtl']) #searchTerm paper-icon-button { 75 :host-context([dir='rtl']) #searchTerm paper-icon-button {
73 left: 0; 76 left: 0;
74 right: auto; 77 right: auto;
75 } 78 }
79
80 :host-context([dir='rtl']) #searchTerm input[type='search'] {
81 padding-left: 20px;
82 padding-right: 0;
83 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/vulcanized.html ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698