patternfly-sass 2.5.0 → 2.6.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -528,7 +528,7 @@
528
528
  </span>
529
529
  </p>
530
530
  <div id="chart-pf-donut"></div>
531
- <div id="chart-pf-sparkline"></div>
531
+ <div class="chart-pf-sparkline" id="chart-pf-sparkline"></div>
532
532
  <script>
533
533
  var chart1 = c3.generate({
534
534
  bindto: '#chart-pf-donut',
@@ -566,14 +566,12 @@
566
566
  order: null
567
567
  },
568
568
  });
569
- $( "#chart-pf-donut .c3-chart-arcs-title" ).html(
570
- '<tspan dy="0" x="0" class="donut-title-big-pf">' +
571
- '950' +
572
- '</tspan>' +
573
- '<tspan dy="20" x="0" class="donut-title-small-pf">' +
574
- 'MHz Used' +
575
- '</tspan>'
576
- );
569
+
570
+ var donutChartTitle = d3.select("#chart-pf-donut").select('text.c3-chart-arcs-title');
571
+ donutChartTitle.text("");
572
+ donutChartTitle.insert('tspan').text("950").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
573
+ donutChartTitle.insert('tspan').text("MHz Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
574
+
577
575
  var chart2 = c3.generate({
578
576
  axis: {
579
577
  x: {
@@ -589,7 +587,7 @@
589
587
  },
590
588
  data: {
591
589
  columns: [
592
- ['Less than one year remaining', 10, 50, 28, 20, 31, 27, 60, 36, 52, 55, 62, 68, 69, 88, 74, 88, 95],
590
+ ['Last 30 days', 10, 50, 28, 20, 31, 27, 60, 36, 52, 55, 62, 68, 69, 88, 74, 88, 95],
593
591
  ],
594
592
  type: 'area'
595
593
  },
@@ -628,7 +626,7 @@
628
626
  </span>
629
627
  </p>
630
628
  <div id="chart-pf-donut-2"></div>
631
- <div id="chart-pf-sparkline-2"></div>
629
+ <div class="chart-pf-sparkline" id="chart-pf-sparkline-2"></div>
632
630
  <script>
633
631
  var chart3 = c3.generate({
634
632
  bindto: '#chart-pf-donut-2',
@@ -650,7 +648,7 @@
650
648
  tooltip: {
651
649
  contents: function (d) {
652
650
  return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
653
- Math.round(d[0].ratio * 100) + '%' + ' MHz ' + d[0].name +
651
+ Math.round(d[0].ratio * 100) + '%' + ' GB ' + d[0].name +
654
652
  '</span>';
655
653
  }
656
654
  },
@@ -666,14 +664,12 @@
666
664
  order: null
667
665
  },
668
666
  });
669
- $( "#chart-pf-donut-2 .c3-chart-arcs-title" ).html(
670
- '<tspan dy="0" x="0" class="donut-title-big-pf">' +
671
- '176' +
672
- '</tspan>' +
673
- '<tspan dy="20" x="0" class="donut-title-small-pf">' +
674
- 'GB Used' +
675
- '</tspan>'
676
- );
667
+
668
+ var donutChartTitle = d3.select("#chart-pf-donut-2").select('text.c3-chart-arcs-title');
669
+ donutChartTitle.text("");
670
+ donutChartTitle.insert('tspan').text("176").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
671
+ donutChartTitle.insert('tspan').text("GB Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
672
+
677
673
  var chart4 = c3.generate({
678
674
  axis: {
679
675
  x: {
@@ -689,7 +685,7 @@
689
685
  },
690
686
  data: {
691
687
  columns: [
692
- ['Less than one year remaining', 35, 36, 20, 30, 31, 22, 44, 36, 40, 41, 55, 52, 48, 48, 50, 40, 41],
688
+ ['Last 30 days', 35, 36, 20, 30, 31, 22, 44, 36, 40, 41, 55, 52, 48, 48, 50, 40, 41],
693
689
  ],
694
690
  type: 'area'
695
691
  },
@@ -724,11 +720,11 @@
724
720
  <span class="card-pf-utilization-card-details-count">200</span>
725
721
  <span class="card-pf-utilization-card-details-description">
726
722
  <span class="card-pf-utilization-card-details-line-1">Available</span>
727
- <span class="card-pf-utilization-card-details-line-2">of 1300 Gpbs</span>
723
+ <span class="card-pf-utilization-card-details-line-2">of 1300 Gbps</span>
728
724
  </span>
729
725
  </p>
730
726
  <div id="chart-pf-donut-3"></div>
731
- <div id="chart-pf-sparkline-3"></div>
727
+ <div class="chart-pf-sparkline" id="chart-pf-sparkline-3"></div>
732
728
  <script>
733
729
  var chart5 = c3.generate({
734
730
  bindto: '#chart-pf-donut-3',
@@ -750,7 +746,7 @@
750
746
  tooltip: {
751
747
  contents: function (d) {
752
748
  return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
753
- Math.round(d[0].ratio * 100) + '%' + ' MHz ' + d[0].name +
749
+ Math.round(d[0].ratio * 100) + '%' + ' Gbps ' + d[0].name +
754
750
  '</span>';
755
751
  }
756
752
  },
@@ -766,14 +762,12 @@
766
762
  order: null
767
763
  },
768
764
  });
769
- $( "#chart-pf-donut-3 .c3-chart-arcs-title" ).html(
770
- '<tspan dy="0" x="0" class="donut-title-big-pf">' +
771
- '1100' +
772
- '</tspan>' +
773
- '<tspan dy="20" x="0" class="donut-title-small-pf">' +
774
- 'Gpbs Used' +
775
- '</tspan>'
776
- );
765
+
766
+ var donutChartTitle = d3.select("#chart-pf-donut-3").select('text.c3-chart-arcs-title');
767
+ donutChartTitle.text("");
768
+ donutChartTitle.insert('tspan').text("1100").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
769
+ donutChartTitle.insert('tspan').text("Gpbs Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
770
+
777
771
  var chart6 = c3.generate({
778
772
  axis: {
779
773
  x: {
@@ -789,7 +783,7 @@
789
783
  },
790
784
  data: {
791
785
  columns: [
792
- ['Less than one year remaining', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
786
+ ['Last 30 days', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
793
787
  ],
794
788
  type: 'area'
795
789
  },
@@ -835,11 +829,11 @@
835
829
  <span class="card-pf-utilization-card-details-count">200</span>
836
830
  <span class="card-pf-utilization-card-details-description">
837
831
  <span class="card-pf-utilization-card-details-line-1">Available</span>
838
- <span class="card-pf-utilization-card-details-line-2">of 1300 Gpbs</span>
832
+ <span class="card-pf-utilization-card-details-line-2">of 1300 Gbps</span>
839
833
  </span>
840
834
  </p>
841
835
  <div id="chart-pf-donut-4"></div>
842
- <div id="chart-pf-sparkline-4"></div>
836
+ <div class="chart-pf-sparkline" id="chart-pf-sparkline-4"></div>
843
837
  <script>
844
838
  var chart7 = c3.generate({
845
839
  bindto: '#chart-pf-donut-4',
@@ -861,7 +855,7 @@
861
855
  tooltip: {
862
856
  contents: function (d) {
863
857
  return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
864
- Math.round(d[0].ratio * 100) + '%' + ' MHz ' + d[0].name +
858
+ Math.round(d[0].ratio * 100) + '%' + ' Gbps ' + d[0].name +
865
859
  '</span>';
866
860
  }
867
861
  },
@@ -877,14 +871,12 @@
877
871
  order: null
878
872
  },
879
873
  });
880
- $( "#chart-pf-donut-4 .c3-chart-arcs-title" ).html(
881
- '<tspan dy="0" x="0" class="donut-title-big-pf">' +
882
- '1100' +
883
- '</tspan>' +
884
- '<tspan dy="20" x="0" class="donut-title-small-pf">' +
885
- 'Gpbs Used' +
886
- '</tspan>'
887
- );
874
+
875
+ var donutChartTitle = d3.select("#chart-pf-donut-4").select('text.c3-chart-arcs-title');
876
+ donutChartTitle.text("");
877
+ donutChartTitle.insert('tspan').text("1100").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
878
+ donutChartTitle.insert('tspan').text("Gpbs Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
879
+
888
880
  var chart8 = c3.generate({
889
881
  axis: {
890
882
  x: {
@@ -900,7 +892,7 @@
900
892
  },
901
893
  data: {
902
894
  columns: [
903
- ['Less than one year remaining', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
895
+ ['Last 30 days', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
904
896
  ],
905
897
  type: 'area'
906
898
  },
@@ -985,14 +977,14 @@
985
977
  <div class="row row-cards-pf">
986
978
  <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
987
979
  <div class="col-xs-12 col-sm-5 col-md-5">
988
- <div class="card-pf" style="height: 180px;">
989
- <h2 class="card-pf-title" style="height: 17px;">
980
+ <div class="card-pf">
981
+ <h2 class="card-pf-title">
990
982
  Card Title
991
983
  </h2>
992
- <div class="card-pf-body" style="height: 40px;">
984
+ <div class="card-pf-body">
993
985
  <p>[card contents]</p>
994
986
  </div>
995
- <div class="card-pf-footer" style="">
987
+ <div class="card-pf-footer">
996
988
  <div class="dropdown card-pf-time-frame-filter">
997
989
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
998
990
  Last 30 Days <span class="caret"></span>
@@ -1011,11 +1003,11 @@
1011
1003
  </div>
1012
1004
  </div>
1013
1005
  <div class="col-xs-12 col-sm-7 col-md-7">
1014
- <div class="card-pf" style="height: 180px;">
1015
- <h2 class="card-pf-title" style="height: 17px;">
1006
+ <div class="card-pf">
1007
+ <h2 class="card-pf-title">
1016
1008
  Card Title
1017
1009
  </h2>
1018
- <div class="card-pf-body" style="height: 40px;">
1010
+ <div class="card-pf-body">
1019
1011
  <p>[card contents]</p>
1020
1012
  </div>
1021
1013
  </div>
@@ -528,7 +528,7 @@
528
528
  </span>
529
529
  </p>
530
530
  <div id="chart-pf-donut"></div>
531
- <div id="chart-pf-sparkline"></div>
531
+ <div class="chart-pf-sparkline" id="chart-pf-sparkline"></div>
532
532
  <script>
533
533
  var chart1 = c3.generate({
534
534
  bindto: '#chart-pf-donut',
@@ -566,14 +566,12 @@
566
566
  order: null
567
567
  },
568
568
  });
569
- $( "#chart-pf-donut .c3-chart-arcs-title" ).html(
570
- '<tspan dy="0" x="0" class="donut-title-big-pf">' +
571
- '950' +
572
- '</tspan>' +
573
- '<tspan dy="20" x="0" class="donut-title-small-pf">' +
574
- 'MHz Used' +
575
- '</tspan>'
576
- );
569
+
570
+ var donutChartTitle = d3.select("#chart-pf-donut").select('text.c3-chart-arcs-title');
571
+ donutChartTitle.text("");
572
+ donutChartTitle.insert('tspan').text("950").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
573
+ donutChartTitle.insert('tspan').text("MHz Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
574
+
577
575
  var chart2 = c3.generate({
578
576
  axis: {
579
577
  x: {
@@ -589,7 +587,7 @@
589
587
  },
590
588
  data: {
591
589
  columns: [
592
- ['Less than one year remaining', 10, 50, 28, 20, 31, 27, 60, 36, 52, 55, 62, 68, 69, 88, 74, 88, 95],
590
+ ['Last 30 days', 10, 50, 28, 20, 31, 27, 60, 36, 52, 55, 62, 68, 69, 88, 74, 88, 95],
593
591
  ],
594
592
  type: 'area'
595
593
  },
@@ -628,7 +626,7 @@
628
626
  </span>
629
627
  </p>
630
628
  <div id="chart-pf-donut-2"></div>
631
- <div id="chart-pf-sparkline-2"></div>
629
+ <div class="chart-pf-sparkline" id="chart-pf-sparkline-2"></div>
632
630
  <script>
633
631
  var chart3 = c3.generate({
634
632
  bindto: '#chart-pf-donut-2',
@@ -650,7 +648,7 @@
650
648
  tooltip: {
651
649
  contents: function (d) {
652
650
  return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
653
- Math.round(d[0].ratio * 100) + '%' + ' MHz ' + d[0].name +
651
+ Math.round(d[0].ratio * 100) + '%' + ' GB ' + d[0].name +
654
652
  '</span>';
655
653
  }
656
654
  },
@@ -666,14 +664,12 @@
666
664
  order: null
667
665
  },
668
666
  });
669
- $( "#chart-pf-donut-2 .c3-chart-arcs-title" ).html(
670
- '<tspan dy="0" x="0" class="donut-title-big-pf">' +
671
- '176' +
672
- '</tspan>' +
673
- '<tspan dy="20" x="0" class="donut-title-small-pf">' +
674
- 'GB Used' +
675
- '</tspan>'
676
- );
667
+
668
+ var donutChartTitle = d3.select("#chart-pf-donut-2").select('text.c3-chart-arcs-title');
669
+ donutChartTitle.text("");
670
+ donutChartTitle.insert('tspan').text("176").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
671
+ donutChartTitle.insert('tspan').text("GB Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
672
+
677
673
  var chart4 = c3.generate({
678
674
  axis: {
679
675
  x: {
@@ -689,7 +685,7 @@
689
685
  },
690
686
  data: {
691
687
  columns: [
692
- ['Less than one year remaining', 35, 36, 20, 30, 31, 22, 44, 36, 40, 41, 55, 52, 48, 48, 50, 40, 41],
688
+ ['Last 30 days', 35, 36, 20, 30, 31, 22, 44, 36, 40, 41, 55, 52, 48, 48, 50, 40, 41],
693
689
  ],
694
690
  type: 'area'
695
691
  },
@@ -724,11 +720,11 @@
724
720
  <span class="card-pf-utilization-card-details-count">200</span>
725
721
  <span class="card-pf-utilization-card-details-description">
726
722
  <span class="card-pf-utilization-card-details-line-1">Available</span>
727
- <span class="card-pf-utilization-card-details-line-2">of 1300 Gpbs</span>
723
+ <span class="card-pf-utilization-card-details-line-2">of 1300 Gbps</span>
728
724
  </span>
729
725
  </p>
730
726
  <div id="chart-pf-donut-3"></div>
731
- <div id="chart-pf-sparkline-3"></div>
727
+ <div class="chart-pf-sparkline" id="chart-pf-sparkline-3"></div>
732
728
  <script>
733
729
  var chart5 = c3.generate({
734
730
  bindto: '#chart-pf-donut-3',
@@ -750,7 +746,7 @@
750
746
  tooltip: {
751
747
  contents: function (d) {
752
748
  return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
753
- Math.round(d[0].ratio * 100) + '%' + ' MHz ' + d[0].name +
749
+ Math.round(d[0].ratio * 100) + '%' + ' Gbps ' + d[0].name +
754
750
  '</span>';
755
751
  }
756
752
  },
@@ -766,14 +762,12 @@
766
762
  order: null
767
763
  },
768
764
  });
769
- $( "#chart-pf-donut-3 .c3-chart-arcs-title" ).html(
770
- '<tspan dy="0" x="0" class="donut-title-big-pf">' +
771
- '1100' +
772
- '</tspan>' +
773
- '<tspan dy="20" x="0" class="donut-title-small-pf">' +
774
- 'Gpbs Used' +
775
- '</tspan>'
776
- );
765
+
766
+ var donutChartTitle = d3.select("#chart-pf-donut-3").select('text.c3-chart-arcs-title');
767
+ donutChartTitle.text("");
768
+ donutChartTitle.insert('tspan').text("1100").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
769
+ donutChartTitle.insert('tspan').text("Gpbs Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
770
+
777
771
  var chart6 = c3.generate({
778
772
  axis: {
779
773
  x: {
@@ -789,7 +783,7 @@
789
783
  },
790
784
  data: {
791
785
  columns: [
792
- ['Less than one year remaining', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
786
+ ['Last 30 days', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
793
787
  ],
794
788
  type: 'area'
795
789
  },
@@ -835,11 +829,11 @@
835
829
  <span class="card-pf-utilization-card-details-count">200</span>
836
830
  <span class="card-pf-utilization-card-details-description">
837
831
  <span class="card-pf-utilization-card-details-line-1">Available</span>
838
- <span class="card-pf-utilization-card-details-line-2">of 1300 Gpbs</span>
832
+ <span class="card-pf-utilization-card-details-line-2">of 1300 Gbps</span>
839
833
  </span>
840
834
  </p>
841
835
  <div id="chart-pf-donut-4"></div>
842
- <div id="chart-pf-sparkline-4"></div>
836
+ <div class="chart-pf-sparkline" id="chart-pf-sparkline-4"></div>
843
837
  <script>
844
838
  var chart7 = c3.generate({
845
839
  bindto: '#chart-pf-donut-4',
@@ -861,7 +855,7 @@
861
855
  tooltip: {
862
856
  contents: function (d) {
863
857
  return '<span class="donut-tooltip-pf" style="white-space: nowrap;">' +
864
- Math.round(d[0].ratio * 100) + '%' + ' MHz ' + d[0].name +
858
+ Math.round(d[0].ratio * 100) + '%' + ' Gbps ' + d[0].name +
865
859
  '</span>';
866
860
  }
867
861
  },
@@ -877,14 +871,12 @@
877
871
  order: null
878
872
  },
879
873
  });
880
- $( "#chart-pf-donut-4 .c3-chart-arcs-title" ).html(
881
- '<tspan dy="0" x="0" class="donut-title-big-pf">' +
882
- '1100' +
883
- '</tspan>' +
884
- '<tspan dy="20" x="0" class="donut-title-small-pf">' +
885
- 'Gpbs Used' +
886
- '</tspan>'
887
- );
874
+
875
+ var donutChartTitle = d3.select("#chart-pf-donut-4").select('text.c3-chart-arcs-title');
876
+ donutChartTitle.text("");
877
+ donutChartTitle.insert('tspan').text("1100").classed('donut-title-big-pf', true).attr('dy', 0).attr('x', 0);
878
+ donutChartTitle.insert('tspan').text("Gpbs Used").classed('donut-title-small-pf', true).attr('dy', 20).attr('x', 0);
879
+
888
880
  var chart8 = c3.generate({
889
881
  axis: {
890
882
  x: {
@@ -900,7 +892,7 @@
900
892
  },
901
893
  data: {
902
894
  columns: [
903
- ['Less than one year remaining', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
895
+ ['Last 30 days', 60, 55, 70, 44, 31, 67, 54, 46, 58, 75, 62, 68, 69, 88, 74, 88, 85],
904
896
  ],
905
897
  type: 'area'
906
898
  },
@@ -985,14 +977,14 @@
985
977
  <div class="row row-cards-pf">
986
978
  <!-- Important: if you need to nest additional .row within a .row.row-cards-pf, do *not* use .row-cards-pf on the nested .row -->
987
979
  <div class="col-xs-12 col-sm-5 col-md-5">
988
- <div class="card-pf" style="height: 180px;">
989
- <h2 class="card-pf-title" style="height: 17px;">
980
+ <div class="card-pf">
981
+ <h2 class="card-pf-title">
990
982
  Card Title
991
983
  </h2>
992
- <div class="card-pf-body" style="height: 40px;">
984
+ <div class="card-pf-body">
993
985
  <p>[card contents]</p>
994
986
  </div>
995
- <div class="card-pf-footer" style="">
987
+ <div class="card-pf-footer">
996
988
  <div class="dropdown card-pf-time-frame-filter">
997
989
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
998
990
  Last 30 Days <span class="caret"></span>
@@ -1011,11 +1003,11 @@
1011
1003
  </div>
1012
1004
  </div>
1013
1005
  <div class="col-xs-12 col-sm-7 col-md-7">
1014
- <div class="card-pf" style="height: 180px;">
1015
- <h2 class="card-pf-title" style="height: 17px;">
1006
+ <div class="card-pf">
1007
+ <h2 class="card-pf-title">
1016
1008
  Card Title
1017
1009
  </h2>
1018
- <div class="card-pf-body" style="height: 40px;">
1010
+ <div class="card-pf-body">
1019
1011
  <p>[card contents]</p>
1020
1012
  </div>
1021
1013
  </div>
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: patternfly-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.5.0
4
+ version: 2.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dávid Halász
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2015-10-29 00:00:00.000000000 Z
12
+ date: 2015-11-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass
@@ -542,7 +542,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
542
542
  version: '0'
543
543
  requirements: []
544
544
  rubyforge_project:
545
- rubygems_version: 2.4.8
545
+ rubygems_version: 2.5.0
546
546
  signing_key:
547
547
  specification_version: 4
548
548
  summary: Red Hat's Patternfly, converted to Sass and ready to drop into Rails