patternfly-sass 2.5.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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