| Matteo Scandolo | 280dcd3 | 2016-05-16 09:59:38 -0700 | [diff] [blame^] | 1 | .chart-legend, .bar-legend, .line-legend, .pie-legend, .radar-legend, .polararea-legend, .doughnut-legend { |
| 2 | list-style-type: none; |
| 3 | margin-top: 5px; |
| 4 | text-align: center; |
| 5 | /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */ |
| 6 | -webkit-padding-start:0; /* Webkit */ |
| 7 | -moz-padding-start:0; /* Mozilla */ |
| 8 | padding-left:0; /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */ |
| 9 | |
| 10 | li { |
| 11 | display: inline-block; |
| 12 | white-space: nowrap; |
| 13 | position: relative; |
| 14 | margin-bottom: 4px; |
| 15 | border-radius: 5px; |
| 16 | padding: 2px 8px 2px 28px; |
| 17 | font-size: smaller; |
| 18 | cursor: default; |
| 19 | } |
| 20 | } |
| 21 | |
| 22 | .chart-legend-icon, .bar-legend-icon, .line-legend-icon, .pie-legend-icon, .radar-legend-icon, .polararea-legend-icon, .doughnut-legend-icon { |
| 23 | display: block; |
| 24 | position: absolute; |
| 25 | left: 0; |
| 26 | top: 0; |
| 27 | width: 20px; |
| 28 | height: 20px; |
| 29 | border-radius: 5px; |
| 30 | } |