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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/popover.css

Issue 2422413002: DevTools: popovers use padding instead of margin (Closed)
Patch Set: Created 4 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/SwatchPopoverHelper.js ('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 .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 z-index: 600; 8 z-index: 600;
9 pointer-events: none; 9 pointer-events: none;
10 display: flex; 10 display: flex;
11 background-color: white; 11 background-color: white;
12 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.37); 12 box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.37);
13 border-radius: 2px; 13 border-radius: 2px;
14 } 14 }
15 15
16 .popover .content { 16 .popover .content {
17 pointer-events: auto; 17 pointer-events: auto;
18 overflow: auto; 18 overflow: auto;
19 -webkit-user-select: text; 19 -webkit-user-select: text;
20 line-height: 11px; 20 line-height: 11px;
21 flex: auto; 21 flex: auto;
22 margin: 6px; 22 padding: 6px;
23 } 23 }
24 24
25 .popover .content.no-margin { 25 .popover .content.no-padding {
26 margin: 0; 26 padding: 0;
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-top: -19px; 35 margin-top: -19px;
36 top: 0; 36 top: 0;
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after
79 .source-frame-popover-tree { 79 .source-frame-popover-tree {
80 border-top: 1px solid rgb(184, 184, 184); 80 border-top: 1px solid rgb(184, 184, 184);
81 overflow: auto; 81 overflow: auto;
82 position: absolute; 82 position: absolute;
83 top: 21px; 83 top: 21px;
84 bottom: 5px; 84 bottom: 5px;
85 left: 5px; 85 left: 5px;
86 right: 5px; 86 right: 5px;
87 margin-top: 1px; 87 margin-top: 1px;
88 } 88 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/SwatchPopoverHelper.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698