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

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

Issue 1406023003: Elim cr_elements/v1_0 subdirectory (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase Created 5 years, 2 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
OLDNEW
(Empty)
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
3 * found in the LICENSE file. */
4
5 :host {
6 -webkit-padding-end: 10px;
7 box-sizing: border-box;
8 display: flex;
9 justify-content: flex-end;
10 }
11
12 :host paper-input-container {
13 margin-top: 2px;
14 max-width: 200px;
15 padding: 2px 0;
16 width: 100%;
17 }
18
19 #search-term {
20 --paper-input-container-color: rgb(192, 199, 205);
21 --paper-input-container-focus-color: rgb(192, 199, 205);
22 --paper-input-container-input: {
23 color: inherit;
24 font-family: inherit;
25 font-size: inherit;
26 };
27 --paper-input-container-input-color: rgb(192, 199, 205);
28 color: rgb(192, 199, 205);
29 z-index: 0;
30 }
31
32 #search-term input[type='search']::-webkit-search-decoration,
33 #search-term input[type='search']::-webkit-search-cancel-button,
34 #search-term input[type='search']::-webkit-search-results-button {
35 -webkit-appearance: none;
36 }
37
38 #search-term input[type='search']::-webkit-search-cancel-button {
39 display: block;
40 width: 20px;
41 }
42
43 paper-icon-button {
44 --iron-icon-height: 20px;
45 --iron-icon-width: 20px;
46 --paper-icon-button: {
47 height: 20px;
48 padding: 6px;
49 width: 20px;
50 };
51 }
52
53 #search-term paper-icon-button {
54 --iron-icon-height: 16px;
55 --iron-icon-width: 16px;
56 --paper-icon-button: {
57 -webkit-margin-end: -8px;
58 height: 16px;
59 padding: 8px;
60 width: 16px;
61 };
62 position: absolute;
63 right: 0;
64 top: -4px;
65 z-index: 1;
66 }
67
68 :host-context([dir='rtl']) #search-term paper-icon-button {
69 left: 0;
70 right: auto;
71 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698