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

Side by Side Diff: chrome/browser/resources/shared/css/list.css

Issue 6840010: Css fix for list. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: '' Created 9 years, 8 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | 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 1
2 :-webkit-any(list, grid) { 2 list,
3 grid {
3 display: block; 4 display: block;
4 outline: none; 5 outline: none;
5 overflow: auto; 6 overflow: auto;
6 position: relative; /* Make sure that item offsets are relative to the 7 position: relative; /* Make sure that item offsets are relative to the
7 list. */ 8 list. */
8 } 9 }
9 10
10 :-webkit-any(list, grid) > * { 11 list > *,
12 grid > * {
11 -webkit-user-select: none; 13 -webkit-user-select: none;
12 background-color: rgba(255,255,255,0); 14 background-color: rgba(255,255,255,0);
13 border: 1px solid rgba(255,255,255,0); /* transparent white */ 15 border: 1px solid rgba(255,255,255,0); /* transparent white */
14 border-radius: 2px; 16 border-radius: 2px;
15 cursor: default; 17 cursor: default;
16 line-height: 20px; 18 line-height: 20px;
17 margin: -1px 0; 19 margin: -1px 0;
18 overflow: hidden; 20 overflow: hidden;
19 padding: 0px 3px; 21 padding: 0px 3px;
20 position: relative; /* to allow overlap */ 22 position: relative; /* to allow overlap */
21 text-overflow: ellipsis; 23 text-overflow: ellipsis;
22 white-space: pre; 24 white-space: pre;
23 } 25 }
24 26
25 list > * { 27 list > * {
26 display: block; 28 display: block;
27 } 29 }
28 30
29 grid > * { 31 grid > * {
30 display: inline-block; 32 display: inline-block;
31 } 33 }
32 34
33 :-webkit-any(list, grid) > [lead] { 35 list > [lead],
36 grid > [lead] {
34 border-color: transparent; 37 border-color: transparent;
35 } 38 }
36 39
37 :-webkit-any(list, grid):focus > [lead] { 40 list:focus > [lead],
41 grid:focus > [lead] {
38 border-color: hsl(214, 91%, 65%); 42 border-color: hsl(214, 91%, 65%);
39 z-index: 2; 43 z-index: 2;
40 } 44 }
41 45
42 :-webkit-any(list, grid) > [anchor] { 46 list > [anchor],
47 grid > [anchor] {
43 48
44 } 49 }
45 50
46 :-webkit-any(list, grid):not([disabled]) > :hover { 51 list:not([disabled]) > :hover,
52 grid:not([disabled]) > :hover {
47 border-color: hsl(214, 91%, 85%); 53 border-color: hsl(214, 91%, 85%);
48 z-index: 1; 54 z-index: 1;
49 background-color: hsl(214, 91%, 97%); 55 background-color: hsl(214, 91%, 97%);
50 } 56 }
51 57
52 :-webkit-any(list, grid) > [selected] { 58 list > [selected],
59 grid > [selected] {
53 border-color: hsl(0, 0%, 85%); 60 border-color: hsl(0, 0%, 85%);
54 background-color: hsl(0,0%,90%); 61 background-color: hsl(0,0%,90%);
55 z-index: 2; 62 z-index: 2;
56 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8), 63 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
57 rgba(255, 255, 255, 0)); 64 rgba(255, 255, 255, 0));
58 } 65 }
59 66
60 :-webkit-any(list, grid):focus > [selected] { 67 list:focus > [selected],
68 grid:focus > [selected] {
61 background-color: hsl(214,91%,89%); 69 background-color: hsl(214,91%,89%);
62 border-color: hsl(214, 91%, 65%); 70 border-color: hsl(214, 91%, 65%);
63 } 71 }
64 72
65 :-webkit-any(list, grid):focus > [lead][selected], 73 list:focus > [lead][selected],
66 :-webkit-any(list, grid) > [selected]:hover { 74 list > [selected]:hover,
75 grid:focus > [lead][selected],
76 grid > [selected]:hover {
67 background-color: hsl(214, 91%, 87%); 77 background-color: hsl(214, 91%, 87%);
68 border-color: hsl(214, 91%, 65%); 78 border-color: hsl(214, 91%, 65%);
69 } 79 }
70 80
71 :-webkit-any(list, grid) > .spacer { 81 list > .spacer,
82 grid > .spacer {
72 border: 0; 83 border: 0;
73 box-sizing: border-box; 84 box-sizing: border-box;
74 display: block; 85 display: block;
75 overflow: hidden; 86 overflow: hidden;
76 visibility: hidden; 87 visibility: hidden;
77 margin: 0; 88 margin: 0;
78 } 89 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698