ui/webui/resources/cr_elements/cr_search_field/cr_search_field.css - Issue 2571583004: MD WebUI: Delete cr-search-field, simplify CrSearchFieldBehavior

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

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

Issue 2571583004: MD WebUI: Delete cr-search-field, simplify CrSearchFieldBehavior (Closed)

Patch Set: Use focus_() Created 4 years 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 | « ui/webui/resources/cr_elements/cr_search_field/compiled_resources2.gyp ('k') | ui/webui/resources/cr_elements/cr_search_field/cr_search_field.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(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 [hidden] {

13 display: none !important;

14 }

15

16 paper-input-container {

17 margin-top: 2px;

18 max-width: 200px;

19 padding: 2px 0;

20 width: 100%;

21 }

22

23 #searchTerm {

24 --paper-input-container-color: rgb(192, 199, 205);

25 --paper-input-container-focus-color: rgb(192, 199, 205);

26 --paper-input-container-input: {

27 color: inherit;

28 font-size: inherit;

29 };

30 --paper-input-container-input-color: rgb(192, 199, 205);

31 color: rgb(192, 199, 205);

32 z-index: 0;

33 }

34

35 #searchTerm input[type='search']::-webkit-search-decoration,

36 #searchTerm input[type='search']::-webkit-search-cancel-button,

37 #searchTerm input[type='search']::-webkit-search-results-button {

38 -webkit-appearance: none;

39 }

40

41 #searchTerm input[type='search']::-webkit-search-cancel-button {

42 display: none;

43 }

44

45 #searchTerm input[type='search'] {

46 padding-right: 20px;

47 }

48

49 paper-icon-button {

50 --iron-icon-height: 20px;

51 --iron-icon-width: 20px;

52 --paper-icon-button: {

53 height: 32px;

54 padding: 6px;

55 width: 32px;

56 };

57 }

58

59 #searchTerm paper-icon-button {

60 --iron-icon-height: 16px;

61 --iron-icon-width: 16px;

62 --paper-icon-button: {

63 -webkit-margin-end: -8px;

64 height: 32px;

65 padding: 8px;

66 width: 32px;

67 };

68 position: absolute;

69 right: 0;

70 top: -4px;

71 z-index: 1;

72 }

73

74 :host-context([dir='rtl']) #searchTerm paper-icon-button {

75 left: 0;

76 right: auto;

77 }

78

79 :host-context([dir='rtl']) #searchTerm input[type='search'] {

80 padding-left: 20px;

81 padding-right: 0;

82 }

OLD	NEW