You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

TreeMap.css 2.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /*
  2. * SonarQube
  3. * Copyright (C) 2009-2021 SonarSource SA
  4. * mailto:info AT sonarsource DOT com
  5. *
  6. * This program is free software; you can redistribute it and/or
  7. * modify it under the terms of the GNU Lesser General Public
  8. * License as published by the Free Software Foundation; either
  9. * version 3 of the License, or (at your option) any later version.
  10. *
  11. * This program is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  14. * Lesser General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU Lesser General Public License
  17. * along with this program; if not, write to the Free Software Foundation,
  18. * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  19. */
  20. .sonar-d3 .treemap-container {
  21. position: relative;
  22. }
  23. .sonar-d3 .treemap-cell {
  24. position: absolute;
  25. border-right: 1px solid #fff;
  26. border-bottom: 1px solid #fff;
  27. box-sizing: border-box;
  28. text-align: center;
  29. overflow: hidden;
  30. }
  31. .sonar-d3 .treemap-cell:focus {
  32. outline: none;
  33. }
  34. .sonar-d3 .treemap-inner {
  35. display: inline-flex;
  36. vertical-align: middle;
  37. align-items: center;
  38. justify-content: center;
  39. flex-wrap: wrap;
  40. padding: var(--gridSize);
  41. box-sizing: border-box;
  42. line-height: 1.2;
  43. background: rgba(0, 0, 0, 0.6);
  44. border-radius: 2px;
  45. }
  46. .sonar-d3 .treemap-inner .treemap-icon {
  47. flex-shrink: 0;
  48. }
  49. .sonar-d3 .treemap-inner .treemap-icon svg {
  50. margin-top: 2px;
  51. }
  52. .sonar-d3 .treemap-inner .treemap-icon svg path {
  53. fill: var(--barBackgroundColor) !important;
  54. }
  55. .sonar-d3 .treemap-inner .treemap-text {
  56. flex-shrink: 1;
  57. overflow: hidden;
  58. text-overflow: ellipsis;
  59. white-space: nowrap;
  60. text-align: center;
  61. color: var(--barBackgroundColor);
  62. }
  63. .sonar-d3 .treemap-inner .treemap-text-suffix {
  64. color: var(--barBorderColor);
  65. font-size: var(--smallFontSize);
  66. }
  67. .sonar-d3 .treemap-link {
  68. position: absolute;
  69. z-index: var(--normalZIndex);
  70. top: 5px;
  71. right: 5px;
  72. line-height: 14px;
  73. font-size: var(--smallFontSize);
  74. border-bottom: none;
  75. }
  76. .sonar-d3 .treemap-link:hover {
  77. color: #d1eafb;
  78. }
  79. .sonar-d3 .treemap-link i,
  80. .sonar-d3 .treemap-link i:before {
  81. vertical-align: top;
  82. font-size: inherit;
  83. line-height: inherit;
  84. }