chart.css 953 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. /*+++ Chart Growth: Controls +++*/
  2. .bx-chart-growth-controls .bx-form-input-datepicker {
  3. width: 100%;
  4. }
  5. /*+++ Chart Growth: Graph +++*/
  6. .bx-chart-growth-graph {
  7. position: relative;
  8. min-height: 9rem;
  9. }
  10. .bx-chart-growth-graph-error {
  11. position: absolute;
  12. display: none;
  13. top: 0px;
  14. left: 0px;
  15. width: 100%;
  16. height: 100%;
  17. line-height: 9rem;
  18. }
  19. /*--- Chart Stats ---*/
  20. div.bx-chart-stats-items,
  21. div.bx-chart-stats-graph {
  22. display: inline-block;
  23. vertical-align: top;
  24. }
  25. /*+++ Chart Stats: Info +++*/
  26. div.bx-chart-stats-items {
  27. position: relative;
  28. min-width: 18rem;
  29. }
  30. div.bx-chart-stats-items div.bx-cs-item {
  31. display: inline-block;
  32. vertical-align: top;
  33. width: 33%;
  34. float:left;
  35. text-align: left;
  36. text-overflow: ellipsis;
  37. white-space: nowrap;
  38. overflow: hidden;
  39. }
  40. /*+++ Chart Stats: Graph +++*/
  41. div.bx-chart-stats-graph {
  42. width: 100%;
  43. min-width: 18rem;
  44. max-width: 28rem;
  45. }
  46. .bx-canvas {
  47. filter: invert(1) hue-rotate(180deg);
  48. }