xhiveframework
/
gantt
1
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
1 Commit
1 Gren
173 KiB
 
 
 
Träd: 2adf71ace7
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '2adf71ace7'
${ noResults }
gantt/dist/influxframework-gantt.css

133 rader
2.2 KiB
Rå Blame Historik 

  1. .gantt .grid-background {

  2.   fill: none;

  3. }

  4. .gantt .grid-header {

  5.   fill: #ffffff;

  6.   stroke: #e0e0e0;

  7.   stroke-width: 1.4;

  8. }

  9. .gantt .grid-row {

  10.   fill: #ffffff;

  11. }

  12. .gantt .grid-row:nth-child(even) {

  13.   fill: #f5f5f5;

  14. }

  15. .gantt .row-line {

  16.   stroke: #ebeff2;

  17. }

  18. .gantt .tick {

  19.   stroke: #e0e0e0;

  20.   stroke-width: 0.2;

  21. }

  22. .gantt .tick.thick {

  23.   stroke-width: 0.4;

  24. }

  25. .gantt .today-highlight {

  26.   fill: #fcf8e3;

  27.   opacity: 0.5;

  28. }

  29. .gantt .arrow {

  30.   fill: none;

  31.   stroke: #666;

  32.   stroke-width: 1.4;

  33. }

  34. .gantt .bar {

  35.   fill: #b8c2cc;

  36.   stroke: #8D99A6;

  37.   stroke-width: 0;

  38.   transition: stroke-width 0.3s ease;

  39.   user-select: none;

  40. }

  41. .gantt .bar-progress {

  42.   fill: #a3a3ff;

  43. }

  44. .gantt .bar-invalid {

  45.   fill: transparent;

  46.   stroke: #8D99A6;

  47.   stroke-width: 1;

  48.   stroke-dasharray: 5;

  49. }

  50. .gantt .bar-invalid ~ .bar-label {

  51.   fill: #555;

  52. }

  53. .gantt .bar-label {

  54.   fill: #fff;

  55.   dominant-baseline: central;

  56.   text-anchor: middle;

  57.   font-size: 12px;

  58.   font-weight: lighter;

  59. }

  60. .gantt .bar-label.big {

  61.   fill: #555;

  62.   text-anchor: start;

  63. }

  64. .gantt .handle {

  65.   fill: #ddd;

  66.   cursor: ew-resize;

  67.   opacity: 0;

  68.   visibility: hidden;

  69.   transition: opacity 0.3s ease;

  70. }

  71. .gantt .bar-wrapper {

  72.   cursor: pointer;

  73.   outline: none;

  74. }

  75. .gantt .bar-wrapper:hover .bar {

  76.   fill: #a9b5c1;

  77. }

  78. .gantt .bar-wrapper:hover .bar-progress {

  79.   fill: #8a8aff;

  80. }

  81. .gantt .bar-wrapper:hover .handle {

  82.   visibility: visible;

  83.   opacity: 1;

  84. }

  85. .gantt .bar-wrapper.active .bar {

  86.   fill: #a9b5c1;

  87. }

  88. .gantt .bar-wrapper.active .bar-progress {

  89.   fill: #8a8aff;

  90. }

  91. .gantt .lower-text, .gantt .upper-text {

  92.   font-size: 12px;

  93.   text-anchor: middle;

  94. }

  95. .gantt .upper-text {

  96.   fill: #555;

  97. }

  98. .gantt .lower-text {

  99.   fill: #333;

  100. }

  101. .gantt .hide {

  102.   display: none;

  103. }

  104. 

  105. .gantt-container {

  106.   position: relative;

  107.   overflow: auto;

  108.   font-size: 12px;

  109. }

  110. .gantt-container .popup-wrapper {

  111.   position: absolute;

  112.   top: 0;

  113.   left: 0;

  114.   background: rgba(0, 0, 0, 0.8);

  115.   padding: 0;

  116.   color: #959da5;

  117.   border-radius: 3px;

  118. }

  119. .gantt-container .popup-wrapper .title {

  120.   border-bottom: 3px solid #a3a3ff;

  121.   padding: 10px;

  122. }

  123. .gantt-container .popup-wrapper .subtitle {

  124.   padding: 10px;

  125.   color: #dfe2e5;

  126. }

  127. .gantt-container .popup-wrapper .pointer {

  128.   position: absolute;

  129.   height: 5px;

  130.   margin: 0 0 0 -5px;

  131.   border: 5px solid transparent;

  132.   border-top-color: rgba(0, 0, 0, 0.8);

  133. }