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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: Source/devtools/front_end/popover.css

Issue 401013002: DevTools: Freshen up popover styles. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 5 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 | « Source/devtools/front_end/inspectorStyle.css ('k') | Source/devtools/front_end/spectrum.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 .popover-container { 1 .popover-container {
2 pointer-events: none; 2 pointer-events: none;
3 overflow: hidden; 3 overflow: hidden;
4 } 4 }
5 5
6 .popover { 6 .popover {
7 position: absolute; 7 position: absolute;
8 -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25; 8 -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25;
9 border-width: 25px; 9 border-width: 25px;
10 z-index: 600; 10 z-index: 600;
(...skipping 15 matching lines...) Expand all
26 .popover .content.fixed-height { 26 .popover .content.fixed-height {
27 overflow: hidden; 27 overflow: hidden;
28 } 28 }
29 29
30 .popover .arrow { 30 .popover .arrow {
31 position: absolute; 31 position: absolute;
32 background-image: url(Images/popoverArrows.png); 32 background-image: url(Images/popoverArrows.png);
33 width: 19px; 33 width: 19px;
34 height: 19px; 34 height: 19px;
35 margin-left: 15px; 35 margin-left: 15px;
36 margin-top: -25px; 36 margin-top: -24px;
37 top: 0; 37 top: 0;
38 left: 0; 38 left: 0;
39 } 39 }
40 40
41 .popover.top-left-arrow .arrow { 41 .popover.top-left-arrow .arrow {
42 /* The default is top-left, no styles needed. */ 42 /* The default is top-left, no styles needed. */
43 } 43 }
44 44
45 .popover.top-right-arrow .arrow { 45 .popover.top-right-arrow .arrow {
46 right: 25px; 46 right: 24px;
47 left: auto; 47 left: auto;
48 } 48 }
49 49
50 .popover.bottom-left-arrow .arrow { 50 .popover.bottom-left-arrow .arrow {
51 top: auto; 51 top: auto;
52 bottom: 0; 52 bottom: 0;
53 margin-top: 0; 53 margin-top: 0;
54 margin-bottom: -25px; 54 margin-bottom: -24px;
55 background-position: 0 -19px; 55 background-position: 0 -19px;
56 } 56 }
57 57
58 .popover.bottom-right-arrow .arrow { 58 .popover.bottom-right-arrow .arrow {
59 right: 15px; 59 right: 15px;
60 left: auto; 60 left: auto;
61 top: auto; 61 top: auto;
62 bottom: 0; 62 bottom: 0;
63 margin-top: 0; 63 margin-top: 0;
64 margin-bottom: -25px; 64 margin-bottom: -24px;
65 background-position: 0 -19px; 65 background-position: 0 -19px;
66 } 66 }
67 67
68 .popover.left-top-arrow .arrow { 68 .popover.left-top-arrow .arrow {
69 top: 0; 69 top: 0;
70 margin-top: 15px; 70 margin-top: 15px;
71 margin-left: -25px; 71 margin-left: -24px;
72 background-position: 0 -38px; 72 background-position: 0 -38px;
73 } 73 }
74 74
75 .popover.left-bottom-arrow .arrow { 75 .popover.left-bottom-arrow .arrow {
76 top: auto; 76 top: auto;
77 bottom: 0; 77 bottom: 0;
78 margin-bottom: 15px; 78 margin-bottom: 15px;
79 margin-left: -25px; 79 margin-left: -24px;
80 background-position: 0 -38px; 80 background-position: 0 -38px;
81 } 81 }
82 82
83 .popover.right-top-arrow .arrow { 83 .popover.right-top-arrow .arrow {
84 right: 0; 84 right: 0;
85 left: auto; 85 left: auto;
86 top: 0; 86 top: 0;
87 margin-top: 15px; 87 margin-top: 15px;
88 margin-right: -25px; 88 margin-right: -24px;
89 background-position: 0 -57px; 89 background-position: 0 -57px;
90 } 90 }
91 91
92 .popover.right-bottom-arrow .arrow { 92 .popover.right-bottom-arrow .arrow {
93 right: 0; 93 right: 0;
94 left: auto; 94 left: auto;
95 top: auto; 95 top: auto;
96 bottom: 0; 96 bottom: 0;
97 margin-bottom: 15px; 97 margin-bottom: 15px;
98 margin-right: -25px; 98 margin-right: -24px;
99 background-position: 0 -57px; 99 background-position: 0 -57px;
100 } 100 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/inspectorStyle.css ('k') | Source/devtools/front_end/spectrum.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698