patternfly-sass 3.1.0 → 3.2.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.
- checksums.yaml +4 -4
- data/assets/javascripts/patternfly.js +513 -118
- data/assets/javascripts/patternfly.min.js +1 -1
- data/assets/stylesheets/patternfly/_buttons.scss +1 -1
- data/assets/stylesheets/patternfly/_charts.scss +10 -0
- data/assets/stylesheets/patternfly/_color-variables.scss +81 -0
- data/assets/stylesheets/patternfly/_datatables.scss +2 -2
- data/assets/stylesheets/patternfly/_layouts.scss +15 -0
- data/assets/stylesheets/patternfly/_tables.scss +1 -1
- data/assets/stylesheets/patternfly/_variables.scss +29 -27
- data/assets/stylesheets/patternfly/_vertical-nav.scss +104 -4
- data/bower.json +1 -1
- data/lib/patternfly-sass/version.rb +2 -2
- data/spec/html/area-charts.html +93 -0
- data/spec/html/bar-charts.html +180 -0
- data/spec/html/dist/css/patternfly-additions.css +123 -4
- data/spec/html/dist/css/patternfly-additions.css.map +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css +1 -1
- data/spec/html/dist/css/patternfly-additions.min.css.map +1 -1
- data/spec/html/dist/css/patternfly.css.map +1 -1
- data/spec/html/dist/css/patternfly.min.css.map +1 -1
- data/spec/html/donut-charts.html +180 -0
- data/spec/html/index.html +20 -3
- data/spec/html/line-charts.html +144 -0
- data/spec/html/pie-charts.html +144 -0
- data/spec/html/vertical-navigation-without-icons.html +2 -2
- data/spec/html/vertical-navigation.html +2 -2
- metadata +13 -4
- data/spec/html/charts.html +0 -428
data/bower.json
CHANGED
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
|
|
3
|
+
<!--[if gt IE 9]><!-->
|
|
4
|
+
<html lang="en-us">
|
|
5
|
+
<!--<![endif]-->
|
|
6
|
+
<head>
|
|
7
|
+
<title>Area Charts - PatternFly</title>
|
|
8
|
+
<meta charset="UTF-8">
|
|
9
|
+
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
10
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
11
|
+
<link rel="shortcut icon" href="../dist/img/favicon.ico">
|
|
12
|
+
<!-- iPad retina icon -->
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
|
+
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
|
+
<!-- iPad non-retina icon -->
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
|
+
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
|
+
<!-- iPhone 6 Plus icon -->
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
|
+
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
|
+
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
+
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
|
|
26
|
+
<link rel="stylesheet" href="../dist/css/patternfly.min.css" >
|
|
27
|
+
<link rel="stylesheet" href="../dist/css/patternfly-additions.min.css" >
|
|
28
|
+
<link href="tests.css" rel="stylesheet" media="screen, print">
|
|
29
|
+
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
30
|
+
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
31
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
|
|
32
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/d3.min.js"></script>
|
|
33
|
+
<script src="../dist/js/patternfly.min.js"></script>
|
|
34
|
+
</head>
|
|
35
|
+
|
|
36
|
+
<body>
|
|
37
|
+
<div class="container">
|
|
38
|
+
<div class="page-header">
|
|
39
|
+
<h1>Area Charts</h1>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="alert alert-warning">
|
|
42
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
43
|
+
These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://c3js.org/">http://c3js.org/</a>
|
|
44
|
+
</div>
|
|
45
|
+
<hr>
|
|
46
|
+
<h2>Area Chart</h2>
|
|
47
|
+
<div class="row">
|
|
48
|
+
<div class="col-lg-6 col-sm-12">
|
|
49
|
+
<div id="areaChart" class="line-chart-pf"></div>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
<h2>Single Area Chart</h2>
|
|
53
|
+
<div class="row">
|
|
54
|
+
<div class="col-lg-6 col-sm-12">
|
|
55
|
+
<div id="singleAreaChart" class="line-chart-pf"></div>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
<script>
|
|
59
|
+
|
|
60
|
+
var c3ChartDefaults = $().c3ChartDefaults();
|
|
61
|
+
|
|
62
|
+
var areaChartDataColumns = [
|
|
63
|
+
['data1', 350, 400, 350, 0],
|
|
64
|
+
['data2', 140, 100, 150, 205, 145, 50],
|
|
65
|
+
['data3', 10, 60, 90, 10, 325, 400],
|
|
66
|
+
['data4', 260, 10, 305, 100, 50, 150]
|
|
67
|
+
];
|
|
68
|
+
var singleAreaChartDataColumns = [
|
|
69
|
+
['data2', 140, 100, 150, 205, 145, 50]
|
|
70
|
+
];
|
|
71
|
+
|
|
72
|
+
// Area Chart
|
|
73
|
+
var areaChartConfig = c3ChartDefaults.getDefaultAreaConfig();
|
|
74
|
+
areaChartConfig.bindto = '#areaChart';
|
|
75
|
+
areaChartConfig.data = {
|
|
76
|
+
columns: areaChartDataColumns,
|
|
77
|
+
type: 'area-spline'
|
|
78
|
+
};
|
|
79
|
+
var areaChart = c3.generate(areaChartConfig);
|
|
80
|
+
|
|
81
|
+
// Single Area Chart
|
|
82
|
+
var singleAreaChartConfig = c3ChartDefaults.getDefaultSingleAreaConfig();
|
|
83
|
+
singleAreaChartConfig.bindto = '#singleAreaChart';
|
|
84
|
+
singleAreaChartConfig.data = {
|
|
85
|
+
columns: singleAreaChartDataColumns,
|
|
86
|
+
type: 'area-spline'
|
|
87
|
+
};
|
|
88
|
+
var singleAreaChart = c3.generate(singleAreaChartConfig);
|
|
89
|
+
</script>
|
|
90
|
+
|
|
91
|
+
</div><!-- /container -->
|
|
92
|
+
</body>
|
|
93
|
+
</html>
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<!--[if IE 9]><html lang="en-us" class="ie9"><![endif]-->
|
|
3
|
+
<!--[if gt IE 9]><!-->
|
|
4
|
+
<html lang="en-us">
|
|
5
|
+
<!--<![endif]-->
|
|
6
|
+
<head>
|
|
7
|
+
<title>Bar Charts - PatternFly</title>
|
|
8
|
+
<meta charset="UTF-8">
|
|
9
|
+
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
|
10
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
11
|
+
<link rel="shortcut icon" href="../dist/img/favicon.ico">
|
|
12
|
+
<!-- iPad retina icon -->
|
|
13
|
+
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../dist/img/apple-touch-icon-precomposed-152.png">
|
|
14
|
+
<!-- iPad retina icon (iOS < 7) -->
|
|
15
|
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../dist/img/apple-touch-icon-precomposed-144.png">
|
|
16
|
+
<!-- iPad non-retina icon -->
|
|
17
|
+
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="../dist/img/apple-touch-icon-precomposed-76.png">
|
|
18
|
+
<!-- iPad non-retina icon (iOS < 7) -->
|
|
19
|
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../dist/img/apple-touch-icon-precomposed-72.png">
|
|
20
|
+
<!-- iPhone 6 Plus icon -->
|
|
21
|
+
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="../dist/img/apple-touch-icon-precomposed-180.png">
|
|
22
|
+
<!-- iPhone retina icon (iOS < 7) -->
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../dist/img/apple-touch-icon-precomposed-114.png">
|
|
24
|
+
<!-- iPhone non-retina icon (iOS < 7) -->
|
|
25
|
+
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="../dist/img/apple-touch-icon-precomposed-57.png">
|
|
26
|
+
<link rel="stylesheet" href="../dist/css/patternfly.min.css" >
|
|
27
|
+
<link rel="stylesheet" href="../dist/css/patternfly-additions.min.css" >
|
|
28
|
+
<link href="tests.css" rel="stylesheet" media="screen, print">
|
|
29
|
+
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
|
|
30
|
+
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
|
|
31
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.min.js"></script>
|
|
32
|
+
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.0/d3.min.js"></script>
|
|
33
|
+
<script src="../dist/js/patternfly.min.js"></script>
|
|
34
|
+
</head>
|
|
35
|
+
|
|
36
|
+
<body>
|
|
37
|
+
<div class="container">
|
|
38
|
+
<div class="page-header">
|
|
39
|
+
<h1>Bar Charts</h1>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="alert alert-warning">
|
|
42
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
43
|
+
These examples are included for development testing purposes. For official documentation, see <a href="https://www.patternfly.org" class="alert-link">https://www.patternfly.org</a>, <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>, and <a href="http://c3js.org/">http://c3js.org/</a>
|
|
44
|
+
</div>
|
|
45
|
+
<hr>
|
|
46
|
+
<h2>Vertical Bar Chart</h2>
|
|
47
|
+
<div class="row">
|
|
48
|
+
<div class="col-lg-4 col-sm-6 col-xs-12">
|
|
49
|
+
<div id="verticalBarChart"></div>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
<h2>Grouped Vertical Bar Chart</h2>
|
|
53
|
+
<div class="row">
|
|
54
|
+
<div class="col-lg-4 col-sm-6 col-xs-12">
|
|
55
|
+
<div id="groupedVerticalBarChart"></div>
|
|
56
|
+
</div>
|
|
57
|
+
</div>
|
|
58
|
+
<h2>Horizontal Bar Chart</h2>
|
|
59
|
+
<div class="row">
|
|
60
|
+
<div class="col-lg-4 col-sm-6 col-xs-12">
|
|
61
|
+
<div id="horizontalBarChart"></div>
|
|
62
|
+
</div>
|
|
63
|
+
</div>
|
|
64
|
+
<h2>Grouped Horizontal Bar Chart</h2>
|
|
65
|
+
<div class="row">
|
|
66
|
+
<div class="col-lg-4 col-sm-6 col-xs-12">
|
|
67
|
+
<div id="groupedHorizontalBarChart"></div>
|
|
68
|
+
</div>
|
|
69
|
+
</div>
|
|
70
|
+
<script>
|
|
71
|
+
|
|
72
|
+
var c3ChartDefaults = $().c3ChartDefaults();
|
|
73
|
+
|
|
74
|
+
var chartUrls = [
|
|
75
|
+
'https://www.gogole.com',
|
|
76
|
+
'https://www.yahoo.com',
|
|
77
|
+
'https://www.bing.com/',
|
|
78
|
+
'https://duckduckgo.com/'
|
|
79
|
+
];
|
|
80
|
+
var categories = ['Q1', 'Q2', 'Q3', 'Q4'];
|
|
81
|
+
var columnsData = [
|
|
82
|
+
['data1', 400, 360, 320, 175]
|
|
83
|
+
];
|
|
84
|
+
|
|
85
|
+
var groupedcCategories = ['2013', '2014', '2015'];
|
|
86
|
+
var groupedColumnsData = [
|
|
87
|
+
['Q1', 400, 250, 375],
|
|
88
|
+
['Q2', 355, 305, 300],
|
|
89
|
+
['Q3', 315, 340, 276],
|
|
90
|
+
['Q4', 180, 390, 190]
|
|
91
|
+
];
|
|
92
|
+
var groupedColors = {
|
|
93
|
+
pattern: [
|
|
94
|
+
$.pfPaletteColors.red,
|
|
95
|
+
$.pfPaletteColors.blue,
|
|
96
|
+
$.pfPaletteColors.orange,
|
|
97
|
+
$.pfPaletteColors.green
|
|
98
|
+
]
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
var verticalBarChartConfig = $().c3ChartDefaults().getDefaultBarConfig(categories);
|
|
102
|
+
verticalBarChartConfig.bindto = '#verticalBarChart';
|
|
103
|
+
verticalBarChartConfig.axis = {
|
|
104
|
+
x: {
|
|
105
|
+
categories: categories,
|
|
106
|
+
type: 'category'
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
verticalBarChartConfig.data = {
|
|
110
|
+
type: 'bar',
|
|
111
|
+
columns: columnsData,
|
|
112
|
+
// optional drilldown behavior
|
|
113
|
+
onclick: function (d, element) {
|
|
114
|
+
window.location = chartUrls[d.index];
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
var verticalBarChart = c3.generate(verticalBarChartConfig);
|
|
118
|
+
|
|
119
|
+
var groupedVerticalBarChartConfig = $().c3ChartDefaults().getDefaultGroupedBarConfig();
|
|
120
|
+
groupedVerticalBarChartConfig.bindto = '#groupedVerticalBarChart';
|
|
121
|
+
groupedVerticalBarChartConfig.axis = {
|
|
122
|
+
x: {
|
|
123
|
+
categories: groupedcCategories,
|
|
124
|
+
type: 'category'
|
|
125
|
+
}
|
|
126
|
+
};
|
|
127
|
+
groupedVerticalBarChartConfig.data = {
|
|
128
|
+
type: 'bar',
|
|
129
|
+
columns: groupedColumnsData,
|
|
130
|
+
// optional drilldown behavior
|
|
131
|
+
onclick: function (d, element) {
|
|
132
|
+
window.location = chartUrls[d.index];
|
|
133
|
+
}
|
|
134
|
+
};
|
|
135
|
+
groupedVerticalBarChartConfig.color = groupedColors;
|
|
136
|
+
var groupedVerticalBarChart = c3.generate(groupedVerticalBarChartConfig);
|
|
137
|
+
|
|
138
|
+
var horizontalBarChartConfig = $().c3ChartDefaults().getDefaultBarConfig(categories);
|
|
139
|
+
horizontalBarChartConfig.bindto = '#horizontalBarChart';
|
|
140
|
+
horizontalBarChartConfig.axis = {
|
|
141
|
+
rotated: true,
|
|
142
|
+
x: {
|
|
143
|
+
categories: categories,
|
|
144
|
+
type: 'category'
|
|
145
|
+
}
|
|
146
|
+
};
|
|
147
|
+
horizontalBarChartConfig.data = {
|
|
148
|
+
type: 'bar',
|
|
149
|
+
columns: columnsData,
|
|
150
|
+
// optional drilldown behavior
|
|
151
|
+
onclick: function (d, element) {
|
|
152
|
+
window.location = chartUrls[d.index];
|
|
153
|
+
}
|
|
154
|
+
};
|
|
155
|
+
var horizontalBarChart = c3.generate(horizontalBarChartConfig);
|
|
156
|
+
|
|
157
|
+
var groupedHorizontalBarChartConfig = $().c3ChartDefaults().getDefaultGroupedBarConfig();
|
|
158
|
+
groupedHorizontalBarChartConfig.bindto = '#groupedHorizontalBarChart';
|
|
159
|
+
groupedHorizontalBarChartConfig.axis = {
|
|
160
|
+
rotated: true,
|
|
161
|
+
x: {
|
|
162
|
+
categories: groupedcCategories,
|
|
163
|
+
type: 'category'
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
groupedHorizontalBarChartConfig.data = {
|
|
167
|
+
type: 'bar',
|
|
168
|
+
columns: groupedColumnsData,
|
|
169
|
+
// optional drilldown behavior
|
|
170
|
+
onclick: function (d, element) {
|
|
171
|
+
window.location = chartUrls[d.index];
|
|
172
|
+
}
|
|
173
|
+
};
|
|
174
|
+
groupedHorizontalBarChartConfig.color = groupedColors;
|
|
175
|
+
var groupedHorizontalBarChart = c3.generate(groupedHorizontalBarChartConfig);
|
|
176
|
+
</script>
|
|
177
|
+
|
|
178
|
+
</div><!-- /container -->
|
|
179
|
+
</body>
|
|
180
|
+
</html>
|
|
@@ -2412,6 +2412,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
|
|
|
2412
2412
|
background: transparent;
|
|
2413
2413
|
font-size: 12px;
|
|
2414
2414
|
padding: 5px 10px 0;
|
|
2415
|
+
border-bottom: solid 2px #030303;
|
|
2415
2416
|
}
|
|
2416
2417
|
.c3-tooltip tr {
|
|
2417
2418
|
border: 0;
|
|
@@ -2443,6 +2444,12 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
|
|
|
2443
2444
|
font-size: 12px;
|
|
2444
2445
|
font-weight: 400;
|
|
2445
2446
|
}
|
|
2447
|
+
.line-chart-pf .c3-zoom-rect {
|
|
2448
|
+
opacity: 1.0 !important;
|
|
2449
|
+
fill: #fafafa;
|
|
2450
|
+
stroke: #d1d1d1;
|
|
2451
|
+
stroke-width: 1px;
|
|
2452
|
+
}
|
|
2446
2453
|
.close {
|
|
2447
2454
|
text-shadow: none;
|
|
2448
2455
|
opacity: 0.6;
|
|
@@ -2513,7 +2520,7 @@ fieldset[disabled] .combobox-container .input-group-addon.active {
|
|
|
2513
2520
|
position: absolute;
|
|
2514
2521
|
}
|
|
2515
2522
|
.dataTables_header .dataTables_filter input {
|
|
2516
|
-
border: 1px solid #
|
|
2523
|
+
border: 1px solid #bbbbbb;
|
|
2517
2524
|
height: 24px;
|
|
2518
2525
|
}
|
|
2519
2526
|
@media (max-width: 767px) {
|
|
@@ -3024,6 +3031,10 @@ table.datatable th:active {
|
|
|
3024
3031
|
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.collapsed-nav.hidden-icons-pf {
|
|
3025
3032
|
margin-left: 0;
|
|
3026
3033
|
}
|
|
3034
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.collapsed-secondary-nav-pf,
|
|
3035
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
|
|
3036
|
+
margin-left: 250px;
|
|
3037
|
+
}
|
|
3027
3038
|
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf {
|
|
3028
3039
|
margin-left: 200px;
|
|
3029
3040
|
}
|
|
@@ -3049,6 +3060,18 @@ table.datatable th:active {
|
|
|
3049
3060
|
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.hidden-nav {
|
|
3050
3061
|
margin-left: 0;
|
|
3051
3062
|
}
|
|
3063
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-secondary-nav-pf {
|
|
3064
|
+
margin-left: 250px;
|
|
3065
|
+
}
|
|
3066
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav {
|
|
3067
|
+
margin-left: 325px;
|
|
3068
|
+
}
|
|
3069
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav.collapsed-secondary-nav-pf {
|
|
3070
|
+
margin-left: 250px;
|
|
3071
|
+
}
|
|
3072
|
+
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.secondary-visible-pf.collapsed-nav.hidden-icons-pf {
|
|
3073
|
+
margin-left: 0;
|
|
3074
|
+
}
|
|
3052
3075
|
}
|
|
3053
3076
|
.layout-pf.layout-pf-fixed .container-pf-nav-pf-vertical.container-pf-nav-pf-vertical-with-secondary.hidden-nav {
|
|
3054
3077
|
margin-left: 0;
|
|
@@ -4907,6 +4930,9 @@ table.datatable th:active {
|
|
|
4907
4930
|
.nav-pf-vertical.collapsed {
|
|
4908
4931
|
width: 75px;
|
|
4909
4932
|
}
|
|
4933
|
+
.nav-pf-vertical.collapsed.collapsed-secondary-nav-pf {
|
|
4934
|
+
width: 250px;
|
|
4935
|
+
}
|
|
4910
4936
|
.nav-pf-vertical.collapsed > .list-group > .list-group-item > a {
|
|
4911
4937
|
margin-right: 0;
|
|
4912
4938
|
width: 75px;
|
|
@@ -4930,9 +4956,18 @@ table.datatable th:active {
|
|
|
4930
4956
|
.nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary:hover > a:after {
|
|
4931
4957
|
right: 11px;
|
|
4932
4958
|
}
|
|
4959
|
+
@media (min-width: 1200px) {
|
|
4960
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary.active > a,
|
|
4961
|
+
.nav-pf-vertical.collapsed > .list-group > .list-group-item.persistent-secondary > a {
|
|
4962
|
+
width: 76px;
|
|
4963
|
+
}
|
|
4964
|
+
}
|
|
4933
4965
|
.nav-pf-vertical.hidden-icons-pf {
|
|
4934
4966
|
width: 176px;
|
|
4935
4967
|
}
|
|
4968
|
+
.nav-pf-vertical.hidden-icons-pf.collapsed-secondary-nav-pf {
|
|
4969
|
+
width: 250px;
|
|
4970
|
+
}
|
|
4936
4971
|
.nav-pf-vertical.hidden-icons-pf > .list-group > .list-group-item > a {
|
|
4937
4972
|
width: 176px;
|
|
4938
4973
|
}
|
|
@@ -4953,18 +4988,30 @@ table.datatable th:active {
|
|
|
4953
4988
|
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav .nav-pf-persistent-secondary {
|
|
4954
4989
|
left: 176px;
|
|
4955
4990
|
}
|
|
4991
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav .nav-pf-persistent-secondary.collapsed-secondary-nav-pf {
|
|
4992
|
+
left: 0;
|
|
4993
|
+
}
|
|
4956
4994
|
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.collapsed {
|
|
4957
4995
|
display: none;
|
|
4958
4996
|
}
|
|
4959
4997
|
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf {
|
|
4960
4998
|
width: 426px;
|
|
4961
4999
|
}
|
|
5000
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.collapsed-secondary-nav-pf {
|
|
5001
|
+
width: 250px;
|
|
5002
|
+
}
|
|
4962
5003
|
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.show-mobile-nav {
|
|
4963
5004
|
width: 176px;
|
|
4964
5005
|
}
|
|
5006
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.collapsed-secondary-nav-pf {
|
|
5007
|
+
width: 250px;
|
|
5008
|
+
}
|
|
4965
5009
|
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
|
|
4966
5010
|
width: 426px;
|
|
4967
5011
|
}
|
|
5012
|
+
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed-secondary-nav-pf {
|
|
5013
|
+
width: 250px;
|
|
5014
|
+
}
|
|
4968
5015
|
.nav-pf-vertical.hidden-icons-pf.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.show-mobile-nav {
|
|
4969
5016
|
width: 250px;
|
|
4970
5017
|
}
|
|
@@ -4978,9 +5025,15 @@ table.datatable th:active {
|
|
|
4978
5025
|
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed.hover-secondary-nav-pf {
|
|
4979
5026
|
width: 325px;
|
|
4980
5027
|
}
|
|
5028
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed.hover-secondary-nav-pf.collapsed-secondary-nav-pf {
|
|
5029
|
+
width: 250px;
|
|
5030
|
+
}
|
|
4981
5031
|
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf {
|
|
4982
5032
|
width: 450px;
|
|
4983
5033
|
}
|
|
5034
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.collapsed-secondary-nav-pf {
|
|
5035
|
+
width: 250px;
|
|
5036
|
+
}
|
|
4984
5037
|
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.hover-secondary-nav-pf.show-mobile-nav {
|
|
4985
5038
|
width: 200px;
|
|
4986
5039
|
}
|
|
@@ -4993,16 +5046,30 @@ table.datatable th:active {
|
|
|
4993
5046
|
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.show-mobile-nav {
|
|
4994
5047
|
width: 250px;
|
|
4995
5048
|
}
|
|
5049
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed-secondary-nav-pf {
|
|
5050
|
+
width: 250px;
|
|
5051
|
+
}
|
|
4996
5052
|
@media (min-width: 1200px) {
|
|
4997
5053
|
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf {
|
|
4998
5054
|
width: 450px;
|
|
4999
5055
|
}
|
|
5056
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed-secondary-nav-pf {
|
|
5057
|
+
width: 250px;
|
|
5058
|
+
}
|
|
5000
5059
|
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed {
|
|
5001
5060
|
width: 75px;
|
|
5002
5061
|
}
|
|
5003
|
-
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.hover-secondary-nav-pf
|
|
5062
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.hover-secondary-nav-pf,
|
|
5063
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.secondary-visible-pf {
|
|
5004
5064
|
width: 325px;
|
|
5005
5065
|
}
|
|
5066
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf {
|
|
5067
|
+
width: 250px;
|
|
5068
|
+
}
|
|
5069
|
+
}
|
|
5070
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed-secondary-nav-pf > .list-group > .list-group-item.persistent-secondary.active > a,
|
|
5071
|
+
.nav-pf-vertical.nav-pf-vertical-with-secondary-nav.collapsed-secondary-nav-pf > .list-group > .list-group-item.persistent-secondary:hover > a {
|
|
5072
|
+
z-index: 1030;
|
|
5006
5073
|
}
|
|
5007
5074
|
.layout-pf-fixed-with-footer .nav-pf-vertical {
|
|
5008
5075
|
bottom: 37px;
|
|
@@ -5099,6 +5166,10 @@ table.datatable th:active {
|
|
|
5099
5166
|
.nav-pf-vertical > .list-group > .list-group-item.persistent-secondary:hover > a:after {
|
|
5100
5167
|
right: 21px;
|
|
5101
5168
|
}
|
|
5169
|
+
.collapsed-secondary-nav-pf .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary.active > a,
|
|
5170
|
+
.collapsed-secondary-nav-pf .nav-pf-vertical > .list-group > .list-group-item.persistent-secondary:hover > a {
|
|
5171
|
+
z-index: 1030;
|
|
5172
|
+
}
|
|
5102
5173
|
.nav-pf-vertical .list-group-item-separator {
|
|
5103
5174
|
border-top-width: 2px;
|
|
5104
5175
|
border-top-color: #000000;
|
|
@@ -5126,11 +5197,33 @@ table.datatable th:active {
|
|
|
5126
5197
|
.secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
|
|
5127
5198
|
display: none;
|
|
5128
5199
|
}
|
|
5200
|
+
@media (min-width: 1200px) {
|
|
5201
|
+
.secondary-visible-pf.collapsed .persistent-secondary.active .nav-pf-persistent-secondary,
|
|
5202
|
+
.secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
|
|
5203
|
+
display: block;
|
|
5204
|
+
left: 75px;
|
|
5205
|
+
}
|
|
5206
|
+
.collapsed-secondary-nav-pf .secondary-visible-pf.collapsed .persistent-secondary.active .nav-pf-persistent-secondary,
|
|
5207
|
+
.collapsed-secondary-nav-pf .secondary-visible-pf.collapsed .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
|
|
5208
|
+
left: 0;
|
|
5209
|
+
}
|
|
5210
|
+
}
|
|
5211
|
+
@media (min-width: 1200px) {
|
|
5212
|
+
.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf .persistent-secondary.active .nav-pf-persistent-secondary,
|
|
5213
|
+
.secondary-visible-pf.collapsed.collapsed-secondary-nav-pf .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
|
|
5214
|
+
left: 0;
|
|
5215
|
+
}
|
|
5216
|
+
}
|
|
5129
5217
|
.show-mobile-nav .persistent-secondary.active .nav-pf-persistent-secondary,
|
|
5130
5218
|
.show-mobile-nav .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
|
|
5131
5219
|
left: 0;
|
|
5132
5220
|
z-index: 1032;
|
|
5133
5221
|
}
|
|
5222
|
+
.collapsed-secondary-nav-pf .persistent-secondary.active .nav-pf-persistent-secondary,
|
|
5223
|
+
.collapsed-secondary-nav-pf .persistent-secondary.mobile-nav-item-pf .nav-pf-persistent-secondary {
|
|
5224
|
+
display: block;
|
|
5225
|
+
left: 0;
|
|
5226
|
+
}
|
|
5134
5227
|
.persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5135
5228
|
display: block;
|
|
5136
5229
|
z-index: 1031;
|
|
@@ -5138,6 +5231,17 @@ table.datatable th:active {
|
|
|
5138
5231
|
.collapsed .persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5139
5232
|
left: 75px;
|
|
5140
5233
|
}
|
|
5234
|
+
.collapsed.collapsed-secondary-nav-pf .persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5235
|
+
left: 0;
|
|
5236
|
+
}
|
|
5237
|
+
@media (min-width: 1200px) {
|
|
5238
|
+
.collapsed.collapsed-secondary-nav-pf .persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5239
|
+
left: 0;
|
|
5240
|
+
}
|
|
5241
|
+
.hidden-icons-pf .collapsed.collapsed-secondary-nav-pf .persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5242
|
+
left: 0;
|
|
5243
|
+
}
|
|
5244
|
+
}
|
|
5141
5245
|
.secondary-visible-pf.collapsed .persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5142
5246
|
display: block;
|
|
5143
5247
|
}
|
|
@@ -5155,8 +5259,10 @@ table.datatable th:active {
|
|
|
5155
5259
|
.nav-pf-persistent-secondary .persistent-secondary-header > a {
|
|
5156
5260
|
margin-right: 7px;
|
|
5157
5261
|
}
|
|
5158
|
-
.nav-pf-persistent-secondary .persistent-secondary-header > a:hover
|
|
5262
|
+
.nav-pf-persistent-secondary .persistent-secondary-header > a:hover,
|
|
5263
|
+
.nav-pf-persistent-secondary .persistent-secondary-header > a:focus {
|
|
5159
5264
|
text-decoration: none;
|
|
5265
|
+
color: #0099d3;
|
|
5160
5266
|
}
|
|
5161
5267
|
.nav-pf-persistent-secondary h5 {
|
|
5162
5268
|
color: #ffffff;
|
|
@@ -5170,9 +5276,9 @@ table.datatable th:active {
|
|
|
5170
5276
|
margin-bottom: 0;
|
|
5171
5277
|
}
|
|
5172
5278
|
.nav-pf-persistent-secondary > .list-group > .list-group-item {
|
|
5173
|
-
padding: 0 0 5px 0;
|
|
5174
5279
|
background-color: transparent;
|
|
5175
5280
|
border: none;
|
|
5281
|
+
padding: 0 0 5px 0;
|
|
5176
5282
|
}
|
|
5177
5283
|
.nav-pf-persistent-secondary > .list-group > .list-group-item > a {
|
|
5178
5284
|
background-color: transparent;
|
|
@@ -5235,11 +5341,24 @@ table.datatable th:active {
|
|
|
5235
5341
|
.nav-pf-persistent-secondary > .list-group > .list-group-item .list-group-item-value {
|
|
5236
5342
|
display: inline-block;
|
|
5237
5343
|
line-height: 20px;
|
|
5344
|
+
max-width: none;
|
|
5238
5345
|
opacity: 1;
|
|
5239
5346
|
overflow: hidden;
|
|
5240
5347
|
padding-left: 5px;
|
|
5241
5348
|
text-overflow: ellipsis;
|
|
5242
5349
|
}
|
|
5350
|
+
.nav-pf-persistent-secondary .secondary-collapse-toggle-pf {
|
|
5351
|
+
display: inline-block;
|
|
5352
|
+
font-family: "FontAwesome";
|
|
5353
|
+
font-size: inherit;
|
|
5354
|
+
-webkit-font-smoothing: antialiased;
|
|
5355
|
+
}
|
|
5356
|
+
.nav-pf-persistent-secondary .secondary-collapse-toggle-pf:before {
|
|
5357
|
+
content: '\f190';
|
|
5358
|
+
}
|
|
5359
|
+
.nav-pf-persistent-secondary .secondary-collapse-toggle-pf.collapsed:before {
|
|
5360
|
+
content: '\f18e';
|
|
5361
|
+
}
|
|
5243
5362
|
.show-mobile-nav .persistent-secondary:hover .nav-pf-persistent-secondary {
|
|
5244
5363
|
display: none;
|
|
5245
5364
|
}
|