patternfly-sass 2.9.0 → 2.10.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.rubocop.yml +3 -1
- data/Rakefile +17 -11
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +17 -2
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-114.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-144.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-152.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-180.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-57.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-72.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-precomposed-76.png +0 -0
- data/assets/images/patternfly/bg-navbar-pf-alt.svg +9 -0
- data/assets/images/patternfly/brand-alt.svg +88 -0
- data/assets/images/patternfly/favicon.ico +0 -0
- data/assets/images/patternfly/logo-alt.svg +18 -0
- data/assets/images/patternfly/logo.svg +22 -22
- data/assets/images/patternfly/spinner-inverse-lg.gif +0 -0
- data/assets/images/patternfly/spinner-inverse-sm.gif +0 -0
- data/assets/images/patternfly/spinner-inverse-xs.gif +0 -0
- data/assets/images/patternfly/spinner-inverse.gif +0 -0
- data/assets/javascripts/patternfly.js +70 -0
- data/assets/javascripts/patternfly.min.js +1 -1
- data/assets/stylesheets/_patternfly.scss +9 -30
- data/assets/stylesheets/patternfly/_dropdowns.scss +62 -0
- data/assets/stylesheets/patternfly/_icons.scss +45 -0
- data/assets/stylesheets/patternfly/_list-group.scss +1 -1
- data/assets/stylesheets/patternfly/_list-view.scss +230 -0
- data/assets/stylesheets/patternfly/_mixins.scss +6 -4
- data/assets/stylesheets/patternfly/_toast.scss +2 -40
- data/assets/stylesheets/patternfly/_variables.scss +23 -4
- data/assets/stylesheets/patternfly/{_ext-bootstrap-switch.scss → sass-contrib/bootstrap-switch.scss} +0 -0
- data/bower.json +1 -1
- data/lib/patternfly-sass/version.rb +2 -2
- data/package.json +1 -1
- data/patternfly-sass.gemspec +1 -0
- data/spec/html/accordions.html +161 -34
- data/spec/html/charts.html +41 -0
- data/spec/html/dist/css/patternfly-additions.css +300 -38
- 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 +59 -1
- data/spec/html/dist/css/patternfly.css.map +1 -1
- data/spec/html/dist/css/patternfly.min.css +1 -1
- data/spec/html/dist/css/patternfly.min.css.map +1 -1
- data/spec/html/dropdowns.html +50 -0
- data/spec/html/icons.html +80 -0
- data/spec/html/index.html +3 -0
- data/spec/html/list-view.html +546 -0
- data/spec/html/toast.html +12 -20
- data/spec/html/toolbar.html +12 -10
- data/tasks/converter.rb +253 -399
- metadata +35 -18
- data/assets/images/patternfly/apple-touch-icon-114-precomposed.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-144-precomposed.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-57-precomposed.png +0 -0
- data/assets/images/patternfly/apple-touch-icon-72-precomposed.png +0 -0
- data/assets/images/patternfly/brand-lg.png +0 -0
- data/assets/images/patternfly/brand.png +0 -0
- data/assets/images/patternfly/logo.png +0 -0
- data/spec/html/dist/css/styles-additions.css +0 -1
- data/spec/html/dist/css/styles-additions.min.css +0 -1
- data/spec/html/dist/css/styles.css +0 -1
- data/spec/html/dist/css/styles.min.css +0 -1
@@ -46,6 +46,10 @@ $img-spinner-sm: "spinner-sm.
|
|
46
46
|
$img-spinner-xs: "spinner-xs.gif" !default;
|
47
47
|
$input-border-disabled: #d4d4d4 !default;
|
48
48
|
$input-border-hover: #7BB2DD !default;
|
49
|
+
$list-view-accented-border: #39a5dc !default;
|
50
|
+
$list-view-active-bg: #def3ff !default;
|
51
|
+
$list-view-divider: #d1d1d1 !default;
|
52
|
+
$list-view-hover-bg: #ededed !default;
|
49
53
|
$list-group-top-border: #e9e8e8 !default;
|
50
54
|
$login-bg-color: #080808 !default;
|
51
55
|
$login-container-bg-color: #181818 !default;
|
@@ -61,9 +65,6 @@ $nav-pf-vertical-alt-link-height: 63px !defaul
|
|
61
65
|
$nav-pf-vertical-alt-link-padding: 17px 20px 17px 25px !default;
|
62
66
|
$nav-pf-vertical-alt-width: 250px !default;
|
63
67
|
$navbar-pf-active-color: #f1f1f1 !default;
|
64
|
-
$navbar-pf-bg-color: #030303 !default; //#393F45
|
65
|
-
$navbar-pf-border-color: #199dde !default;
|
66
|
-
$navbar-pf-color: #cfcfcf !default;
|
67
68
|
$navbar-pf-alt-active-color: #fff !default;
|
68
69
|
$navbar-pf-alt-bg-color: #030303 !default;
|
69
70
|
$navbar-pf-alt-bg-img: url("../img/bg-navbar-pf-alt.svg") !default;
|
@@ -83,6 +84,9 @@ $navbar-pf-alt-navbar-brand-name-margin: 0 15px 0 0 !
|
|
83
84
|
$navbar-pf-alt-navbar-brand-padding: 11px 0 12px !default;
|
84
85
|
$navbar-pf-alt-navbar-toggle-margin: 13px 15px !default;
|
85
86
|
$navbar-pf-alt-navbar-toggle-icon-bar-hover-bg: #fff !default;
|
87
|
+
$navbar-pf-bg-color: #030303 !default; //#393F45
|
88
|
+
$navbar-pf-border-color: #199dde !default;
|
89
|
+
$navbar-pf-color: #cfcfcf !default;
|
86
90
|
$navbar-pf-icon-bar-bg-color: #fff !default;
|
87
91
|
$navbar-pf-navbar-navbar-brand-min-width: 270px !default;
|
88
92
|
$navbar-pf-navbar-navbar-brand-padding: 8px 0 7px !default;
|
@@ -94,12 +98,18 @@ $pficon-var-add-circle-o: "\e61b" !def
|
|
94
98
|
$pficon-var-build: "\e902" !default;
|
95
99
|
$pficon-var-builder-image: "\e800" !default;
|
96
100
|
$pficon-var-close: "\e60b" !default;
|
101
|
+
$pficon-var-cloud-security: "\e903" !default;
|
102
|
+
$pficon-var-cloud-tenant: "\e904" !default;
|
97
103
|
$pficon-var-cluster: "\e620" !default;
|
98
104
|
$pficon-var-container-node: "\e621" !default;
|
105
|
+
$pficon-var-cpu: "\e905" !default;
|
99
106
|
$pficon-var-delete: "\e611" !default;
|
100
107
|
$pficon-var-edit: "\e60a" !default;
|
108
|
+
$pficon-var-enterprise: "\e906" !default;
|
101
109
|
$pficon-var-error-circle-o: "\e61d" !default;
|
102
110
|
$pficon-var-export: "\e616" !default;
|
111
|
+
$pficon-var-flag: "\e603" !default;
|
112
|
+
$pficon-var-flavor: "\e907" !default;
|
103
113
|
$pficon-var-folder-close: "\e607" !default;
|
104
114
|
$pficon-var-folder-open: "\e606" !default;
|
105
115
|
$pficon-var-help: "\e605" !default;
|
@@ -108,28 +118,37 @@ $pficon-var-home: "\e618" !def
|
|
108
118
|
$pficon-var-image: "\e61f" !default;
|
109
119
|
$pficon-var-import: "\e615" !default;
|
110
120
|
$pficon-var-info: "\e604" !default;
|
111
|
-
$pficon-var-flag: "\e603" !default;
|
112
121
|
$pficon-var-kubernetes: "\e627" !default;
|
122
|
+
$pficon-var-memory: "\e908" !default;
|
123
|
+
$pficon-var-network: "\e909" !default;
|
113
124
|
$pficon-var-ok: "\e602" !default;
|
114
125
|
$pficon-var-openshift: "\e626" !default;
|
115
126
|
$pficon-var-print: "\e612" !default;
|
116
127
|
$pficon-var-project: "\e622" !default;
|
128
|
+
$pficon-var-regions: "\e90a" !default;
|
117
129
|
$pficon-var-registry: "\e623" !default;
|
118
130
|
$pficon-var-replicator: "\e624" !default;
|
131
|
+
$pficon-var-repository: "\e90b" !default;
|
132
|
+
$pficon-var-resource-pool: "\e90c" !default;
|
119
133
|
$pficon-var-restart: "\e613" !default;
|
120
134
|
$pficon-var-route: "\e625" !default;
|
121
135
|
$pficon-var-running: "\e614" !default;
|
122
136
|
$pficon-var-save: "\e601" !default;
|
123
137
|
$pficon-var-screen: "\e600" !default;
|
138
|
+
$pficon-var-server: "\e90d" !default;
|
124
139
|
$pficon-var-service: "\e61e" !default;
|
125
140
|
$pficon-var-settings: "\e610" !default;
|
141
|
+
$pficon-var-storage-domain: "\e90e" !default;
|
126
142
|
$pficon-var-thumb-tack-o: "\e609" !default;
|
127
143
|
$pficon-var-topology: "\e608" !default;
|
128
144
|
$pficon-var-trend-down: "\e900" !default;
|
129
145
|
$pficon-var-trend-up: "\e901" !default;
|
130
146
|
$pficon-var-user: "\e60e" !default;
|
131
147
|
$pficon-var-users: "\e60f" !default;
|
148
|
+
$pficon-var-virtual-machine: "\e90f" !default;
|
149
|
+
$pficon-var-volume: "\e910" !default;
|
132
150
|
$pficon-var-warning-triangle-o: "\e61c" !default;
|
151
|
+
$pficon-var-zone: "\e911" !default;
|
133
152
|
$progress-description-label-width: 85px !default;
|
134
153
|
$sidebar-pf-bg: #fafafa !default;
|
135
154
|
$sidebar-pf-border-color: #d0d0d0 !default;
|
data/assets/stylesheets/patternfly/{_ext-bootstrap-switch.scss → sass-contrib/bootstrap-switch.scss}
RENAMED
File without changes
|
data/bower.json
CHANGED
data/package.json
CHANGED
data/patternfly-sass.gemspec
CHANGED
@@ -32,6 +32,7 @@ Gem::Specification.new do |s|
|
|
32
32
|
# Converter's dependencies
|
33
33
|
s.add_development_dependency 'rake', '~> 10.4'
|
34
34
|
s.add_development_dependency 'term-ansicolor'
|
35
|
+
s.add_development_dependency 'rugged', '~> 0.23.2'
|
35
36
|
# Testing dependencies
|
36
37
|
s.add_development_dependency 'rspec', '~> 3.2'
|
37
38
|
s.add_development_dependency 'nokogiri', '~> 1.6'
|
data/spec/html/accordions.html
CHANGED
@@ -41,50 +41,177 @@
|
|
41
41
|
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> and <a href="http://getbootstrap.com" class="alert-link">http://getbootstrap.com</a>.
|
42
42
|
</div>
|
43
43
|
<hr>
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
44
|
+
<div class="row">
|
45
|
+
<div class="col-sm-4">
|
46
|
+
<h2>Default</h2>
|
47
|
+
<div class="panel-group" id="accordion">
|
48
|
+
<div class="panel panel-default">
|
49
|
+
<div class="panel-heading">
|
50
|
+
<h4 class="panel-title">
|
51
|
+
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
|
52
|
+
Lorem ipsum
|
53
|
+
</a>
|
54
|
+
</h4>
|
55
|
+
</div>
|
56
|
+
<div id="collapseOne" class="panel-collapse collapse in">
|
57
|
+
<div class="panel-body">
|
58
|
+
Praesent sagittis est et arcu fringilla placerat. Cras erat ante, dapibus non mauris ac, volutpat sollicitudin ligula. Morbi gravida nisl vel risus tempor, sit amet luctus erat tempus. Curabitur blandit sem non pretium bibendum. Donec eleifend non turpis vitae vestibulum. Vestibulum ut sem ac nunc posuere blandit sed porta lorem. Cras rutrum velit vel leo iaculis imperdiet.
|
59
|
+
</div>
|
60
|
+
</div>
|
61
|
+
</div>
|
62
|
+
<div class="panel panel-default">
|
63
|
+
<div class="panel-heading">
|
64
|
+
<h4 class="panel-title">
|
65
|
+
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
|
66
|
+
Dolor sit amet
|
67
|
+
</a>
|
68
|
+
</h4>
|
69
|
+
</div>
|
70
|
+
<div id="collapseTwo" class="panel-collapse collapse">
|
71
|
+
<div class="panel-body">
|
72
|
+
Donec consequat dignissim neque, sed suscipit quam egestas in. Fusce bibendum laoreet lectus commodo interdum. Vestibulum odio ipsum, tristique et ante vel, iaculis placerat nulla. Suspendisse iaculis urna feugiat lorem semper, ut iaculis risus tempus.
|
73
|
+
</div>
|
74
|
+
</div>
|
75
|
+
</div>
|
76
|
+
<div class="panel panel-default">
|
77
|
+
<div class="panel-heading">
|
78
|
+
<h4 class="panel-title">
|
79
|
+
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapsed">
|
80
|
+
Consectetur
|
81
|
+
</a>
|
82
|
+
</h4>
|
83
|
+
</div>
|
84
|
+
<div id="collapseThree" class="panel-collapse collapse">
|
85
|
+
<div class="panel-body">
|
86
|
+
Curabitur nisl quam, interdum a venenatis a, consequat a ligula. Nunc nec lorem in erat rhoncus lacinia at ac orci. Sed nec augue congue, vehicula justo quis, venenatis turpis. Nunc quis consectetur purus. Nam vitae viverra lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu augue felis. Maecenas in dignissim purus, quis pulvinar lectus. Vivamus euismod ultrices diam, in mattis nibh.
|
87
|
+
</div>
|
88
|
+
</div>
|
89
|
+
</div>
|
90
|
+
</div>
|
91
|
+
</div><!--/col-->
|
92
|
+
<div class="col-md-4 col-sm-6">
|
93
|
+
<h2>Fixed Height</h2>
|
94
|
+
<div class="panel-group" id="fixed-accordion" style="height: 350px;">
|
95
|
+
<div class="panel panel-default">
|
96
|
+
<div class="panel-heading" data-component="collapse-heading">
|
97
|
+
<h4 class="panel-title">
|
98
|
+
<a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseOne">
|
99
|
+
Lorem ipsum
|
100
|
+
</a>
|
101
|
+
</h4>
|
102
|
+
</div>
|
103
|
+
<div id="fixedCollapseOne" class="panel-collapse collapse in">
|
104
|
+
<div class="panel-body">
|
105
|
+
Praesent sagittis est et arcu fringilla placerat. Cras erat ante, dapibus non mauris ac, volutpat sollicitudin ligula. Morbi gravida nisl vel risus tempor, sit amet luctus erat tempus. Curabitur blandit sem non pretium bibendum. Donec eleifend non turpis vitae vestibulum. Vestibulum ut sem ac nunc posuere blandit sed porta lorem. Cras rutrum velit vel leo iaculis imperdiet.
|
106
|
+
</div>
|
107
|
+
</div>
|
108
|
+
</div>
|
109
|
+
<div class="panel panel-default">
|
110
|
+
<div class="panel-heading" data-component="collapse-heading">
|
111
|
+
<h4 class="panel-title">
|
112
|
+
<a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseTwo" class="collapsed">
|
113
|
+
Dolor sit amet
|
114
|
+
</a>
|
115
|
+
</h4>
|
116
|
+
</div>
|
117
|
+
<div id="fixedCollapseTwo" class="panel-collapse collapse">
|
118
|
+
<div class="panel-body">
|
119
|
+
Donec consequat dignissim neque, sed suscipit quam egestas in. Fusce bibendum laoreet lectus commodo interdum. Vestibulum odio ipsum, tristique et ante vel, iaculis placerat nulla. Suspendisse iaculis urna feugiat lorem semper, ut iaculis risus tempus.
|
52
120
|
</div>
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
121
|
+
</div>
|
122
|
+
</div>
|
123
|
+
<div class="panel panel-default">
|
124
|
+
<div class="panel-heading" data-component="collapse-heading">
|
125
|
+
<h4 class="panel-title">
|
126
|
+
<a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseThree" class="collapsed">
|
127
|
+
Consectetur
|
128
|
+
</a>
|
129
|
+
</h4>
|
130
|
+
</div>
|
131
|
+
<div id="fixedCollapseThree" class="panel-collapse collapse">
|
132
|
+
<div class="panel-body">
|
133
|
+
Curabitur nisl quam, interdum a venenatis a, consequat a ligula. Nunc nec lorem in erat rhoncus lacinia at ac orci. Sed nec augue congue, vehicula justo quis, venenatis turpis. Nunc quis consectetur purus. Nam vitae viverra lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu augue felis. Maecenas in dignissim purus, quis pulvinar lectus. Vivamus euismod ultrices diam, in mattis nibh.
|
57
134
|
</div>
|
58
135
|
</div>
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
</
|
136
|
+
</div>
|
137
|
+
<div class="panel panel-default">
|
138
|
+
<div class="panel-heading" data-component="collapse-heading">
|
139
|
+
<h4 class="panel-title">
|
140
|
+
<a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseFour" class="collapsed">
|
141
|
+
Adipisicing elit
|
142
|
+
</a>
|
143
|
+
</h4>
|
144
|
+
</div>
|
145
|
+
<div id="fixedCollapseFour" class="panel-collapse collapse">
|
146
|
+
<div class="panel-body">
|
147
|
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
|
148
|
+
</div>
|
149
|
+
</div>
|
150
|
+
<div class="panel panel-default">
|
151
|
+
<div class="panel-heading" data-component="collapse-heading">
|
152
|
+
<h4 class="panel-title">
|
153
|
+
<a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseFive" class="collapsed">
|
154
|
+
Suspendisse lectus tortor
|
155
|
+
</a>
|
156
|
+
</h4>
|
157
|
+
</div>
|
158
|
+
<div id="fixedCollapseFive" class="panel-collapse collapse">
|
159
|
+
<div class="panel-body">
|
160
|
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
|
66
161
|
</div>
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
162
|
+
</div>
|
163
|
+
</div>
|
164
|
+
<div class="panel panel-default">
|
165
|
+
<div class="panel-heading" data-component="collapse-heading">
|
166
|
+
<h4 class="panel-title">
|
167
|
+
<a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseSix" class="collapsed">
|
168
|
+
Velit mauris
|
169
|
+
</a>
|
170
|
+
</h4>
|
171
|
+
</div>
|
172
|
+
<div id="fixedCollapseSix" class="panel-collapse collapse">
|
173
|
+
<div class="panel-body">
|
174
|
+
Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.
|
71
175
|
</div>
|
72
176
|
</div>
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
</
|
177
|
+
</div>
|
178
|
+
<div class="panel panel-default">
|
179
|
+
<div class="panel-heading" data-component="collapse-heading">
|
180
|
+
<h4 class="panel-title">
|
181
|
+
<a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseSeven" class="collapsed">
|
182
|
+
Aliquam convallis
|
183
|
+
</a>
|
184
|
+
</h4>
|
185
|
+
</div>
|
186
|
+
<div id="fixedCollapseSeven" class="panel-collapse collapse">
|
187
|
+
<div class="panel-body">
|
188
|
+
Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
|
80
189
|
</div>
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
190
|
+
</div>
|
191
|
+
</div>
|
192
|
+
<div class="panel panel-default">
|
193
|
+
<div class="panel-heading" data-component="collapse-heading">
|
194
|
+
<h4 class="panel-title">
|
195
|
+
<a data-toggle="collapse" data-parent="#fixed-accordion" href="#fixedCollapseEight" class="collapsed">
|
196
|
+
Vulputate dictum
|
197
|
+
</a>
|
198
|
+
</h4>
|
199
|
+
</div>
|
200
|
+
<div id="fixedCollapseEight" class="panel-collapse collapse">
|
201
|
+
<div class="panel-body">
|
202
|
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing. Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Etiam tristique nisl a nulla. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
|
85
203
|
</div>
|
86
204
|
</div>
|
87
205
|
</div>
|
206
|
+
</div>
|
207
|
+
</div><!--/col-->
|
208
|
+
</div>
|
209
|
+
<script>
|
210
|
+
$(document).ready(function() {
|
211
|
+
$('#fixed-accordion').initCollapseHeights();
|
212
|
+
});
|
213
|
+
</script>
|
214
|
+
|
88
215
|
</div><!-- /container -->
|
89
216
|
</body>
|
90
217
|
</html>
|
data/spec/html/charts.html
CHANGED
@@ -287,6 +287,10 @@
|
|
287
287
|
['data1', 5, 200, 200, 400],
|
288
288
|
['data2', 130, 100, 20, 200]
|
289
289
|
],
|
290
|
+
// optional drilldown behavior
|
291
|
+
onclick: function (d, element) {
|
292
|
+
window.location = chart6Urls[d.id][d.index];
|
293
|
+
},
|
290
294
|
type: 'bar'
|
291
295
|
},
|
292
296
|
grid: {
|
@@ -295,6 +299,21 @@
|
|
295
299
|
}
|
296
300
|
}
|
297
301
|
});
|
302
|
+
// URLs for optional drilldown behavior
|
303
|
+
var chart6Urls = {
|
304
|
+
data1: [
|
305
|
+
'https://www.gogole.com',
|
306
|
+
'https://www.yahoo.com',
|
307
|
+
'https://www.bing.com/',
|
308
|
+
'https://duckduckgo.com/'
|
309
|
+
],
|
310
|
+
data2: [
|
311
|
+
'https://www.redhat.com',
|
312
|
+
'http://mozilla.org',
|
313
|
+
'https://www.acquia.com/',
|
314
|
+
'https://wordpress.org/'
|
315
|
+
]
|
316
|
+
};
|
298
317
|
|
299
318
|
// Stacked Bar Chart, Rotated
|
300
319
|
var chart7 = c3.generate({
|
@@ -323,14 +342,36 @@
|
|
323
342
|
groups: [
|
324
343
|
['data1', 'data2']
|
325
344
|
],
|
345
|
+
// optional drilldown behavior
|
346
|
+
onclick: function (d, element) {
|
347
|
+
window.location = chart7Urls[d.id][d.index];
|
348
|
+
},
|
326
349
|
type: 'bar'
|
327
350
|
},
|
328
351
|
grid: {
|
329
352
|
y: {
|
330
353
|
show: true
|
331
354
|
}
|
355
|
+
},
|
356
|
+
legend: {
|
357
|
+
position: 'right'
|
332
358
|
}
|
333
359
|
});
|
360
|
+
// URLs for optional drilldown behavior
|
361
|
+
var chart7Urls = {
|
362
|
+
data1: [
|
363
|
+
'https://www.gogole.com',
|
364
|
+
'https://www.yahoo.com',
|
365
|
+
'https://www.bing.com/',
|
366
|
+
'https://duckduckgo.com/'
|
367
|
+
],
|
368
|
+
data2: [
|
369
|
+
'https://www.redhat.com',
|
370
|
+
'http://mozilla.org',
|
371
|
+
'https://www.acquia.com/',
|
372
|
+
'https://wordpress.org/'
|
373
|
+
]
|
374
|
+
};
|
334
375
|
|
335
376
|
// Donut Chart
|
336
377
|
var donutChartConfig = c3ChartDefaults.getDefaultDonutConfig('29,210 Host Totals');
|
@@ -2709,18 +2709,30 @@ table.datatable th:active {
|
|
2709
2709
|
.pficon-close:before {
|
2710
2710
|
content: "\e60b";
|
2711
2711
|
}
|
2712
|
+
.pficon-cloud-security:before {
|
2713
|
+
content: "\e903";
|
2714
|
+
}
|
2715
|
+
.pficon-cloud-tenant:before {
|
2716
|
+
content: "\e904";
|
2717
|
+
}
|
2712
2718
|
.pficon-cluster:before {
|
2713
2719
|
content: "\e620";
|
2714
2720
|
}
|
2715
2721
|
.pficon-container-node:before {
|
2716
2722
|
content: "\e621";
|
2717
2723
|
}
|
2724
|
+
.pficon-cpu:before {
|
2725
|
+
content: "\e905";
|
2726
|
+
}
|
2718
2727
|
.pficon-delete:before {
|
2719
2728
|
content: "\e611";
|
2720
2729
|
}
|
2721
2730
|
.pficon-edit:before {
|
2722
2731
|
content: "\e60a";
|
2723
2732
|
}
|
2733
|
+
.pficon-enterprise:before {
|
2734
|
+
content: "\e906";
|
2735
|
+
}
|
2724
2736
|
.pficon-error-circle-o:before {
|
2725
2737
|
color: #cc0000;
|
2726
2738
|
content: "\e61d";
|
@@ -2732,6 +2744,9 @@ table.datatable th:active {
|
|
2732
2744
|
.pficon-messages:before {
|
2733
2745
|
content: "\e603";
|
2734
2746
|
}
|
2747
|
+
.pficon-flavor:before {
|
2748
|
+
content: "\e907";
|
2749
|
+
}
|
2735
2750
|
.pficon-folder-close:before {
|
2736
2751
|
content: "\e607";
|
2737
2752
|
}
|
@@ -2759,6 +2774,12 @@ table.datatable th:active {
|
|
2759
2774
|
.pficon-kubernetes:before {
|
2760
2775
|
content: "\e627";
|
2761
2776
|
}
|
2777
|
+
.pficon-memory:before {
|
2778
|
+
content: "\e908";
|
2779
|
+
}
|
2780
|
+
.pficon-network:before {
|
2781
|
+
content: "\e909";
|
2782
|
+
}
|
2762
2783
|
.pficon-ok:before {
|
2763
2784
|
color: #3f9c35;
|
2764
2785
|
content: "\e602";
|
@@ -2776,12 +2797,21 @@ table.datatable th:active {
|
|
2776
2797
|
.pficon-restart:before {
|
2777
2798
|
content: "\e613";
|
2778
2799
|
}
|
2800
|
+
.pficon-regions:before {
|
2801
|
+
content: "\e90a";
|
2802
|
+
}
|
2779
2803
|
.pficon-registry:before {
|
2780
2804
|
content: "\e623";
|
2781
2805
|
}
|
2782
2806
|
.pficon-replicator:before {
|
2783
2807
|
content: "\e624";
|
2784
2808
|
}
|
2809
|
+
.pficon-repository:before {
|
2810
|
+
content: "\e90b";
|
2811
|
+
}
|
2812
|
+
.pficon-resource-pool:before {
|
2813
|
+
content: "\e90c";
|
2814
|
+
}
|
2785
2815
|
.pficon-route:before {
|
2786
2816
|
content: "\e625";
|
2787
2817
|
}
|
@@ -2794,12 +2824,18 @@ table.datatable th:active {
|
|
2794
2824
|
.pficon-screen:before {
|
2795
2825
|
content: "\e600";
|
2796
2826
|
}
|
2827
|
+
.pficon-server:before {
|
2828
|
+
content: "\e90d";
|
2829
|
+
}
|
2797
2830
|
.pficon-service:before {
|
2798
2831
|
content: "\e61e";
|
2799
2832
|
}
|
2800
2833
|
.pficon-settings:before {
|
2801
2834
|
content: "\e610";
|
2802
2835
|
}
|
2836
|
+
.pficon-storage-domain:before {
|
2837
|
+
content: "\e90e";
|
2838
|
+
}
|
2803
2839
|
.pficon-thumb-tack-o:before {
|
2804
2840
|
content: "\e609";
|
2805
2841
|
}
|
@@ -2818,10 +2854,19 @@ table.datatable th:active {
|
|
2818
2854
|
.pficon-users:before {
|
2819
2855
|
content: "\e60f";
|
2820
2856
|
}
|
2857
|
+
.pficon-virtual-machine:before {
|
2858
|
+
content: "\e90f";
|
2859
|
+
}
|
2860
|
+
.pficon-volume:before {
|
2861
|
+
content: "\e910";
|
2862
|
+
}
|
2821
2863
|
.pficon-warning-triangle-o:before {
|
2822
2864
|
color: #ec7a08;
|
2823
2865
|
content: "\e61c";
|
2824
2866
|
}
|
2867
|
+
.pficon-zone:before {
|
2868
|
+
content: "\e911";
|
2869
|
+
}
|
2825
2870
|
.navbar-nav > li > .dropdown-menu.infotip {
|
2826
2871
|
border-top-width: 1px !important;
|
2827
2872
|
margin-top: 10px;
|
@@ -2988,6 +3033,259 @@ table.datatable th:active {
|
|
2988
3033
|
.layout-pf-alt.layout-pf-alt-fixed-with-footer body {
|
2989
3034
|
padding-bottom: 37px;
|
2990
3035
|
}
|
3036
|
+
.list-view-pf .list-group-item {
|
3037
|
+
align-items: flex-start;
|
3038
|
+
display: -ms-flexbox;
|
3039
|
+
display: flex;
|
3040
|
+
padding-bottom: 0;
|
3041
|
+
padding-top: 0;
|
3042
|
+
}
|
3043
|
+
.list-view-pf .list-group-item:before,
|
3044
|
+
.list-view-pf .list-group-item:after {
|
3045
|
+
content: " ";
|
3046
|
+
display: table;
|
3047
|
+
}
|
3048
|
+
.list-view-pf .list-group-item:after {
|
3049
|
+
clear: both;
|
3050
|
+
}
|
3051
|
+
.list-view-pf .list-group-item.active {
|
3052
|
+
color: #555555;
|
3053
|
+
background-color: #def3ff;
|
3054
|
+
}
|
3055
|
+
.list-view-pf .list-group-item:hover {
|
3056
|
+
background-color: #ededed;
|
3057
|
+
}
|
3058
|
+
@media (min-width: 992px) {
|
3059
|
+
.list-view-pf .list-group-item {
|
3060
|
+
align-items: center;
|
3061
|
+
}
|
3062
|
+
}
|
3063
|
+
.list-view-pf .list-group-item-heading {
|
3064
|
+
font-size: 16px;
|
3065
|
+
}
|
3066
|
+
.list-view-pf .list-group-item-heading small {
|
3067
|
+
display: block;
|
3068
|
+
font-size: 9.6px;
|
3069
|
+
font-weight: 400;
|
3070
|
+
}
|
3071
|
+
@media (min-width: 992px) {
|
3072
|
+
.list-view-pf .list-group-item-heading {
|
3073
|
+
-ms-flex: 1 0 calc(25% - 20px);
|
3074
|
+
flex: 1 0 calc(25% - 20px);
|
3075
|
+
float: left;
|
3076
|
+
font-size: 12px;
|
3077
|
+
margin: 0 20px 0 0;
|
3078
|
+
overflow: hidden;
|
3079
|
+
text-overflow: ellipsis;
|
3080
|
+
white-space: nowrap;
|
3081
|
+
width: calc(25% - 20px);
|
3082
|
+
}
|
3083
|
+
}
|
3084
|
+
.list-view-pf .list-group-item-text {
|
3085
|
+
color: currentColor !important;
|
3086
|
+
margin-bottom: 10px;
|
3087
|
+
}
|
3088
|
+
@media (min-width: 992px) {
|
3089
|
+
.list-view-pf .list-group-item-text {
|
3090
|
+
-ms-flex: 1 0 auto;
|
3091
|
+
flex: 1 0 auto;
|
3092
|
+
float: left;
|
3093
|
+
margin: 0 40px 0 0;
|
3094
|
+
width: calc(75% - 40px);
|
3095
|
+
}
|
3096
|
+
}
|
3097
|
+
.list-view-pf-actions {
|
3098
|
+
float: right;
|
3099
|
+
margin-bottom: 20px;
|
3100
|
+
margin-left: 20px;
|
3101
|
+
margin-top: 20px;
|
3102
|
+
-ms-flex-order: 2;
|
3103
|
+
order: 2;
|
3104
|
+
}
|
3105
|
+
.list-view-pf-actions button,
|
3106
|
+
.list-view-pf-actions > a {
|
3107
|
+
margin-left: 10px;
|
3108
|
+
}
|
3109
|
+
.list-view-pf-top-align .list-view-pf-actions {
|
3110
|
+
align-self: flex-start;
|
3111
|
+
}
|
3112
|
+
.list-view-pf-additional-info {
|
3113
|
+
align-items: center;
|
3114
|
+
display: flex;
|
3115
|
+
flex-wrap: wrap;
|
3116
|
+
}
|
3117
|
+
@media (min-width: 992px) {
|
3118
|
+
.list-view-pf-additional-info {
|
3119
|
+
flex: 1 0 auto;
|
3120
|
+
float: left;
|
3121
|
+
width: 50%;
|
3122
|
+
}
|
3123
|
+
}
|
3124
|
+
.list-view-pf-additional-info-item {
|
3125
|
+
align-items: center;
|
3126
|
+
display: inline-block;
|
3127
|
+
display: flex;
|
3128
|
+
margin-right: 20px;
|
3129
|
+
max-width: 100%;
|
3130
|
+
text-align: center;
|
3131
|
+
}
|
3132
|
+
.list-view-pf-additional-info-item.list-view-pf-additional-info-item-stacked {
|
3133
|
+
text-align: center;
|
3134
|
+
flex-direction: column;
|
3135
|
+
}
|
3136
|
+
.list-view-pf-additional-info-item.list-view-pf-additional-info-item-stacked strong {
|
3137
|
+
font-size: 13px;
|
3138
|
+
line-height: 1em;
|
3139
|
+
}
|
3140
|
+
.list-view-pf-additional-info-item .pficon,
|
3141
|
+
.list-view-pf-additional-info-item .fa {
|
3142
|
+
font-size: 16px;
|
3143
|
+
margin-right: 10px;
|
3144
|
+
}
|
3145
|
+
.list-view-pf-additional-info-item strong {
|
3146
|
+
font-size: 16px;
|
3147
|
+
font-weight: 600;
|
3148
|
+
margin-right: 5px;
|
3149
|
+
}
|
3150
|
+
.list-view-pf-additional-info-item:last-child {
|
3151
|
+
margin-right: 0;
|
3152
|
+
}
|
3153
|
+
.list-view-pf-additional-info-item-donut-chart {
|
3154
|
+
width: 60px;
|
3155
|
+
}
|
3156
|
+
.list-view-pf-body {
|
3157
|
+
align-items: center;
|
3158
|
+
display: table-cell;
|
3159
|
+
-ms-flex: 1;
|
3160
|
+
flex: 1;
|
3161
|
+
vertical-align: top;
|
3162
|
+
width: 100%;
|
3163
|
+
}
|
3164
|
+
@media (min-width: 992px) {
|
3165
|
+
.list-view-pf-body {
|
3166
|
+
align-items: center;
|
3167
|
+
display: -ms-flexbox;
|
3168
|
+
display: flex;
|
3169
|
+
flex-direction: row;
|
3170
|
+
}
|
3171
|
+
}
|
3172
|
+
.list-view-pf-checkbox {
|
3173
|
+
border-right: 1px solid #d1d1d1;
|
3174
|
+
float: left;
|
3175
|
+
margin-bottom: 20px;
|
3176
|
+
margin-right: 15px;
|
3177
|
+
margin-top: 20px;
|
3178
|
+
padding: 3px 10px 3px 0;
|
3179
|
+
}
|
3180
|
+
.list-view-pf-top-align .list-view-pf-checkbox {
|
3181
|
+
align-self: flex-start;
|
3182
|
+
}
|
3183
|
+
.list-view-pf-description {
|
3184
|
+
-ms-flex: 1 0 50%;
|
3185
|
+
flex: 1 0 50%;
|
3186
|
+
}
|
3187
|
+
.list-view-pf-stacked .list-view-pf-description {
|
3188
|
+
display: block;
|
3189
|
+
}
|
3190
|
+
@media (min-width: 992px) {
|
3191
|
+
.list-view-pf-description {
|
3192
|
+
align-items: center;
|
3193
|
+
display: flex;
|
3194
|
+
float: left;
|
3195
|
+
width: 50%;
|
3196
|
+
}
|
3197
|
+
}
|
3198
|
+
.list-view-pf-left {
|
3199
|
+
display: table-cell;
|
3200
|
+
padding-right: 20px;
|
3201
|
+
text-align: center;
|
3202
|
+
vertical-align: top;
|
3203
|
+
}
|
3204
|
+
.list-view-pf-left .list-view-pf-calendar {
|
3205
|
+
font-size: 11px;
|
3206
|
+
line-height: 1em;
|
3207
|
+
}
|
3208
|
+
.list-view-pf-left .list-view-pf-calendar strong {
|
3209
|
+
display: block;
|
3210
|
+
font-size: 44px;
|
3211
|
+
font-weight: 300;
|
3212
|
+
line-height: 1em;
|
3213
|
+
}
|
3214
|
+
.list-view-pf-left .pficon,
|
3215
|
+
.list-view-pf-left .fa {
|
3216
|
+
border-radius: 50%;
|
3217
|
+
font-size: 2em;
|
3218
|
+
}
|
3219
|
+
.list-view-pf-left .pficon.list-view-pf-icon-md,
|
3220
|
+
.list-view-pf-left .fa.list-view-pf-icon-md {
|
3221
|
+
background-color: #f2f2f2;
|
3222
|
+
height: 50px;
|
3223
|
+
line-height: 50px;
|
3224
|
+
width: 50px;
|
3225
|
+
}
|
3226
|
+
.list-view-pf-left .pficon.list-view-pf-icon-danger,
|
3227
|
+
.list-view-pf-left .fa.list-view-pf-icon-danger {
|
3228
|
+
background-color: #fbe7e7;
|
3229
|
+
color: #cc0000;
|
3230
|
+
}
|
3231
|
+
.list-view-pf-left .pficon.list-view-pf-icon-info,
|
3232
|
+
.list-view-pf-left .fa.list-view-pf-icon-info {
|
3233
|
+
color: #8b8d8f;
|
3234
|
+
}
|
3235
|
+
.list-view-pf-left .pficon.list-view-pf-icon-lg,
|
3236
|
+
.list-view-pf-left .fa.list-view-pf-icon-lg {
|
3237
|
+
background-color: #f2f2f2;
|
3238
|
+
height: 60px;
|
3239
|
+
line-height: 60px;
|
3240
|
+
width: 60px;
|
3241
|
+
}
|
3242
|
+
.list-view-pf-left .pficon.list-view-pf-icon-sm,
|
3243
|
+
.list-view-pf-left .fa.list-view-pf-icon-sm {
|
3244
|
+
border: 2px solid #39a5dc;
|
3245
|
+
font-size: 1.4em;
|
3246
|
+
height: 30px;
|
3247
|
+
line-height: 30px;
|
3248
|
+
width: 30px;
|
3249
|
+
}
|
3250
|
+
.list-view-pf-left .pficon.list-view-pf-icon-success,
|
3251
|
+
.list-view-pf-left .fa.list-view-pf-icon-success {
|
3252
|
+
background-color: #e8f9e7;
|
3253
|
+
color: #3f9c35;
|
3254
|
+
}
|
3255
|
+
.list-view-pf-left .pficon.list-view-pf-icon-warning,
|
3256
|
+
.list-view-pf-left .fa.list-view-pf-icon-warning {
|
3257
|
+
background-color: #fdf4ea;
|
3258
|
+
color: #ec7a08;
|
3259
|
+
}
|
3260
|
+
.list-view-pf-main-info {
|
3261
|
+
align-items: flex-start;
|
3262
|
+
display: -ms-flexbox;
|
3263
|
+
display: flex;
|
3264
|
+
-ms-flex: 1;
|
3265
|
+
flex: 1;
|
3266
|
+
padding-bottom: 20px;
|
3267
|
+
padding-top: 20px;
|
3268
|
+
}
|
3269
|
+
@media (min-width: 992px) {
|
3270
|
+
.list-view-pf-main-info {
|
3271
|
+
align-items: center;
|
3272
|
+
}
|
3273
|
+
.list-view-pf-top-align .list-view-pf-main-info {
|
3274
|
+
align-items: flex-start;
|
3275
|
+
}
|
3276
|
+
}
|
3277
|
+
.list-view-pf-stacked .list-group-item-heading {
|
3278
|
+
float: none;
|
3279
|
+
font-size: 16px;
|
3280
|
+
line-height: 1.2em;
|
3281
|
+
margin-bottom: 5px;
|
3282
|
+
margin-right: 40px;
|
3283
|
+
width: auto;
|
3284
|
+
}
|
3285
|
+
.list-view-pf-stacked .list-group-item-text {
|
3286
|
+
float: none;
|
3287
|
+
width: auto;
|
3288
|
+
}
|
2991
3289
|
.login-pf {
|
2992
3290
|
height: 100%;
|
2993
3291
|
}
|
@@ -4239,44 +4537,8 @@ table.datatable th:active {
|
|
4239
4537
|
.toast-pf.alert-warning > .pficon {
|
4240
4538
|
background-color: #ec7a08;
|
4241
4539
|
}
|
4242
|
-
.toast-pf .dropdown {
|
4243
|
-
|
4244
|
-
margin: -11px 0px -12px 12px;
|
4245
|
-
}
|
4246
|
-
.toast-pf .dropdown .btn-link {
|
4247
|
-
color: #222222;
|
4248
|
-
font-size: 16px;
|
4249
|
-
line-height: 1;
|
4250
|
-
padding: 13px 5px 13px 5px;
|
4251
|
-
}
|
4252
|
-
.toast-pf .dropdown .btn-link:active,
|
4253
|
-
.toast-pf .dropdown .btn-link:focus,
|
4254
|
-
.toast-pf .dropdown .btn-link:hover {
|
4255
|
-
color: #0099d3;
|
4256
|
-
}
|
4257
|
-
.toast-pf .dropdown .dropdown-menu {
|
4258
|
-
right: -15px;
|
4259
|
-
}
|
4260
|
-
.toast-pf .dropdown .dropdown-menu:before {
|
4261
|
-
border-right: 11px solid transparent;
|
4262
|
-
border-bottom: 11px solid #ccc;
|
4263
|
-
border-left: 11px solid transparent;
|
4264
|
-
border-bottom-color: rgba(0, 0, 0, 0.2);
|
4265
|
-
content: '';
|
4266
|
-
display: inline-block;
|
4267
|
-
position: absolute;
|
4268
|
-
right: 11px;
|
4269
|
-
top: -11px;
|
4270
|
-
}
|
4271
|
-
.toast-pf .dropdown .dropdown-menu:after {
|
4272
|
-
border-right: 10px solid transparent;
|
4273
|
-
border-bottom: 10px solid #ffffff;
|
4274
|
-
border-left: 10px solid transparent;
|
4275
|
-
content: '';
|
4276
|
-
display: inline-block;
|
4277
|
-
position: absolute;
|
4278
|
-
right: 12px;
|
4279
|
-
top: -10px;
|
4540
|
+
.toast-pf .dropdown-kebab-pf {
|
4541
|
+
margin-left: 10px;
|
4280
4542
|
}
|
4281
4543
|
.toast-pf > .pficon {
|
4282
4544
|
background-color: #4d5258;
|