patternfly-sass 3.8.1 → 3.9.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/.travis.yml +1 -1
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.eot +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.svg +1 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.ttf +0 -0
- data/assets/fonts/patternfly/PatternFlyIcons-webfont.woff +0 -0
- data/assets/images/patternfly/logo-alt.svg +18 -18
- data/assets/images/patternfly/logo.svg +22 -22
- data/assets/javascripts/patternfly.js +1 -1
- data/assets/javascripts/patternfly.min.js +1 -1
- data/assets/stylesheets/_patternfly.scss +1 -0
- data/assets/stylesheets/patternfly/_card-view.scss +106 -0
- data/assets/stylesheets/patternfly/_cards.scss +5 -1
- data/assets/stylesheets/patternfly/_icons.scss +3 -1
- data/assets/stylesheets/patternfly/_layouts.scss +7 -0
- data/assets/stylesheets/patternfly/_list-group.scss +16 -0
- data/assets/stylesheets/patternfly/_notifications-drawer.scss +34 -2
- data/assets/stylesheets/patternfly/_toast.scss +21 -3
- data/assets/stylesheets/patternfly/_toolbar.scss +3 -1
- data/assets/stylesheets/patternfly/_variables.scss +2 -0
- data/assets/stylesheets/patternfly/lib/bootstrap-select.scss +7 -7
- data/bower.json +3 -2
- data/lib/patternfly-sass/version.rb +2 -2
- data/spec/html/about-modal.html +1 -0
- data/spec/html/accordions.html +1 -0
- data/spec/html/alerts.html +1 -0
- data/spec/html/area-charts.html +1 -0
- data/spec/html/badges.html +1 -0
- data/spec/html/bar-charts.html +1 -0
- data/spec/html/basic.html +14 -6
- data/spec/html/blank-slate.html +1 -0
- data/spec/html/bootstrap-combobox.html +1 -0
- data/spec/html/bootstrap-datepicker.html +2 -1
- data/spec/html/bootstrap-select.html +1 -0
- data/spec/html/bootstrap-switch.html +1 -0
- data/spec/html/bootstrap-touchspin.html +1 -0
- data/spec/html/bootstrap-treeview-2.html +14 -6
- data/spec/html/bootstrap-treeview.html +1 -0
- data/spec/html/breadcrumbs.html +1 -0
- data/spec/html/buttons.html +1 -0
- data/spec/html/card-view-card-variations.html +201 -0
- data/spec/html/card-view-multi-select.html +689 -0
- data/spec/html/card-view-single-select.html +439 -0
- data/spec/html/cards.html +14 -6
- data/spec/html/code.html +1 -0
- data/spec/html/dashboard.html +14 -6
- data/spec/html/datatables-columns.html +1 -0
- data/spec/html/datatables.html +1 -0
- data/spec/html/dist/css/patternfly-additions.css +197 -6
- 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 +13 -0
- data/spec/html/dist/css/patternfly.css.map +1 -1
- data/spec/html/dist/css/patternfly.min.css +2 -2
- data/spec/html/dist/css/patternfly.min.css.map +1 -1
- data/spec/html/donut-charts.html +1 -0
- data/spec/html/dropdowns.html +1 -0
- data/spec/html/form.html +14 -6
- data/spec/html/forms.html +1 -0
- data/spec/html/horizontal-navigation.html +10 -8
- data/spec/html/icons.html +5 -0
- data/spec/html/index.html +10 -0
- data/spec/html/infotip.html +1 -0
- data/spec/html/labels.html +1 -0
- data/spec/html/line-charts.html +1 -0
- data/spec/html/list-group.html +1 -0
- data/spec/html/list-view-rows.html +1 -0
- data/spec/html/list-view.html +8 -6
- data/spec/html/login.html +8 -6
- data/spec/html/modals.html +1 -0
- data/spec/html/navbar.html +1 -0
- data/spec/html/notification-drawer-horizontal-nav.html +25 -8
- data/spec/html/notification-drawer-vertical-nav.html +23 -6
- data/spec/html/pagination.html +1 -0
- data/spec/html/panels.html +1 -0
- data/spec/html/pie-charts.html +1 -0
- data/spec/html/popovers.html +1 -0
- data/spec/html/progress-bars.html +1 -0
- data/spec/html/search.html +1 -0
- data/spec/html/spinner.html +1 -0
- data/spec/html/tab.html +14 -6
- data/spec/html/tables.html +1 -0
- data/spec/html/tabs.html +1 -0
- data/spec/html/time-picker.html +1 -0
- data/spec/html/toast.html +26 -77
- data/spec/html/toolbar.html +1 -0
- data/spec/html/tooltip.html +1 -0
- data/spec/html/typography-2.html +14 -6
- data/spec/html/typography.html +1 -0
- data/spec/html/utilization-bar-charts.html +1 -0
- data/spec/html/vertical-navigation-primary-only.html +8 -6
- data/spec/html/vertical-navigation-with-secondary.html +8 -6
- data/spec/html/vertical-navigation-with-tertiary-no-icons.html +8 -6
- data/spec/html/vertical-navigation-with-tertiary-pins.html +8 -6
- data/spec/html/wizard.html +1 -0
- metadata +9 -2
data/spec/html/forms.html
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<!--[if IE 9]><html lang="en-us" class="ie9 layout-pf layout-pf-fixed"><![endif]-->
|
|
3
3
|
<!--[if gt IE 9]><!-->
|
|
4
|
-
<html lang="en-us" class="layout-pf">
|
|
5
|
-
<!--<![endif]-->
|
|
4
|
+
<html lang="en-us" class="layout-pf layout-pf-fixed">
|
|
5
|
+
<!--<![endif]-->
|
|
6
6
|
<head>
|
|
7
7
|
<title>Horizontal Navigation - PatternFly</title>
|
|
8
8
|
<meta charset="UTF-8">
|
|
@@ -32,12 +32,14 @@
|
|
|
32
32
|
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
|
|
33
33
|
<script src="../../dist/js/patternfly.min.js"></script>
|
|
34
34
|
</head>
|
|
35
|
-
<div class="toast-
|
|
36
|
-
<
|
|
37
|
-
<
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
35
|
+
<div class="toast-notifications-list-pf">
|
|
36
|
+
<div class="toast-pf alert alert-warning alert-dismissable">
|
|
37
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
38
|
+
<span class="pficon pficon-close"></span>
|
|
39
|
+
</button>
|
|
40
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
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
|
+
</div>
|
|
41
43
|
</div>
|
|
42
44
|
|
|
43
45
|
<body class="cards-pf">
|
data/spec/html/icons.html
CHANGED
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
30
30
|
<script src="../../dist/js/patternfly.min.js"></script>
|
|
31
31
|
</head>
|
|
32
|
+
</div>
|
|
32
33
|
|
|
33
34
|
<body>
|
|
34
35
|
<div class="container">
|
|
@@ -45,6 +46,10 @@
|
|
|
45
46
|
<h2>PatternFly Icons</h2>
|
|
46
47
|
<p>Custom icons and selections from <a href="http://icomoon.io/#icons">IcoMoon - Free</a>.</p>
|
|
47
48
|
<ul class="icons list-unstyled">
|
|
49
|
+
<li>
|
|
50
|
+
<span class="pficon pficon-middleware"></span>
|
|
51
|
+
<span class="icon-class">pficon-middleware</span>
|
|
52
|
+
</li>
|
|
48
53
|
<li>
|
|
49
54
|
<span class="pficon pficon-add-circle-o"></span>
|
|
50
55
|
<span class="icon-class">pficon-add-circle-o</span>
|
data/spec/html/index.html
CHANGED
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
30
30
|
<script src="../../dist/js/patternfly.min.js"></script>
|
|
31
31
|
</head>
|
|
32
|
+
</div>
|
|
32
33
|
|
|
33
34
|
<body>
|
|
34
35
|
<div class="container">
|
|
@@ -83,6 +84,9 @@
|
|
|
83
84
|
<li>
|
|
84
85
|
<a href="buttons.html">Buttons</a>
|
|
85
86
|
</li>
|
|
87
|
+
<li>
|
|
88
|
+
<a href="card-view-card-variations.html">Card View - Card Variations</a>
|
|
89
|
+
</li>
|
|
86
90
|
<li>
|
|
87
91
|
<a href="code.html">Code</a>
|
|
88
92
|
</li>
|
|
@@ -195,6 +199,12 @@
|
|
|
195
199
|
<li>
|
|
196
200
|
<a href="bootstrap-treeview-2.html">Tree View</a>
|
|
197
201
|
</li>
|
|
202
|
+
<li>
|
|
203
|
+
<a href="card-view-multi-select.html">Card View - Multi Select</a>
|
|
204
|
+
</li>
|
|
205
|
+
<li>
|
|
206
|
+
<a href="card-view-single-select.html">Card View - Single Select</a>
|
|
207
|
+
</li>
|
|
198
208
|
<li>
|
|
199
209
|
<a href="cards.html">Cards</a>
|
|
200
210
|
</li>
|
data/spec/html/infotip.html
CHANGED
data/spec/html/labels.html
CHANGED
data/spec/html/line-charts.html
CHANGED
data/spec/html/list-group.html
CHANGED
data/spec/html/list-view.html
CHANGED
|
@@ -29,12 +29,14 @@
|
|
|
29
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
30
30
|
<script src="../../dist/js/patternfly.min.js"></script>
|
|
31
31
|
</head>
|
|
32
|
-
<div class="toast-
|
|
33
|
-
<
|
|
34
|
-
<
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
<div class="toast-notifications-list-pf">
|
|
33
|
+
<div class="toast-pf alert alert-warning alert-dismissable">
|
|
34
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
35
|
+
<span class="pficon pficon-close"></span>
|
|
36
|
+
</button>
|
|
37
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
38
|
+
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>.
|
|
39
|
+
</div>
|
|
38
40
|
</div>
|
|
39
41
|
|
|
40
42
|
<body>
|
data/spec/html/login.html
CHANGED
|
@@ -29,12 +29,14 @@
|
|
|
29
29
|
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
|
|
30
30
|
<script src="../../dist/js/patternfly.min.js"></script>
|
|
31
31
|
</head>
|
|
32
|
-
<div class="toast-
|
|
33
|
-
<
|
|
34
|
-
<
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
<div class="toast-notifications-list-pf">
|
|
33
|
+
<div class="toast-pf alert alert-warning alert-dismissable">
|
|
34
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
35
|
+
<span class="pficon pficon-close"></span>
|
|
36
|
+
</button>
|
|
37
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
38
|
+
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>.
|
|
39
|
+
</div>
|
|
38
40
|
</div>
|
|
39
41
|
|
|
40
42
|
<body>
|
data/spec/html/modals.html
CHANGED
data/spec/html/navbar.html
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
2
|
<!--[if IE 9]><html lang="en-us" class="ie9 layout-pf layout-pf-fixed"><![endif]-->
|
|
3
3
|
<!--[if gt IE 9]><!-->
|
|
4
|
-
<html lang="en-us" class="layout-pf">
|
|
5
|
-
<!--<![endif]-->
|
|
4
|
+
<html lang="en-us" class="layout-pf layout-pf-fixed">
|
|
5
|
+
<!--<![endif]-->
|
|
6
6
|
<head>
|
|
7
7
|
<title>Notification Drawer for Horizontal Navigation - PatternFly</title>
|
|
8
8
|
<meta charset="UTF-8">
|
|
@@ -32,12 +32,14 @@
|
|
|
32
32
|
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
|
|
33
33
|
<script src="../../dist/js/patternfly.min.js"></script>
|
|
34
34
|
</head>
|
|
35
|
-
<div class="toast-
|
|
36
|
-
<
|
|
37
|
-
<
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
35
|
+
<div class="toast-notifications-list-pf">
|
|
36
|
+
<div class="toast-pf alert alert-warning alert-dismissable">
|
|
37
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
38
|
+
<span class="pficon pficon-close"></span>
|
|
39
|
+
</button>
|
|
40
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
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
|
+
</div>
|
|
41
43
|
</div>
|
|
42
44
|
|
|
43
45
|
<body class="cards-pf">
|
|
@@ -111,6 +113,7 @@
|
|
|
111
113
|
</ul>
|
|
112
114
|
<div class="drawer-pf hide drawer-pf-notifications-non-clickable">
|
|
113
115
|
<div class="drawer-pf-title">
|
|
116
|
+
<a class="drawer-pf-toggle-expand"></a>
|
|
114
117
|
<h3 class="text-center">Notifications Drawer</h3>
|
|
115
118
|
</div>
|
|
116
119
|
<div class="panel-group" id="notification-drawer-accordion">
|
|
@@ -787,6 +790,19 @@
|
|
|
787
790
|
$drawer.addClass('hide');
|
|
788
791
|
}
|
|
789
792
|
});
|
|
793
|
+
$('.drawer-pf-toggle-expand').click(function() {
|
|
794
|
+
var $drawer = $('.drawer-pf');
|
|
795
|
+
var $drawerNotifications = $drawer.find('.drawer-pf-notification');
|
|
796
|
+
|
|
797
|
+
if ($drawer.hasClass('drawer-pf-expanded')) {
|
|
798
|
+
$drawer.removeClass('drawer-pf-expanded');
|
|
799
|
+
$drawerNotifications.removeClass('expanded-notification');
|
|
800
|
+
} else {
|
|
801
|
+
$drawer.addClass('drawer-pf-expanded');
|
|
802
|
+
$drawerNotifications.addClass('expanded-notification');
|
|
803
|
+
}
|
|
804
|
+
});
|
|
805
|
+
|
|
790
806
|
// Mark All Read
|
|
791
807
|
$('.panel-collapse').each(function (index, panel) {
|
|
792
808
|
var $panel = $(panel);
|
|
@@ -799,6 +815,7 @@
|
|
|
799
815
|
$('#notification-drawer-accordion').initCollapseHeights('.panel-body');
|
|
800
816
|
});
|
|
801
817
|
</script>
|
|
818
|
+
|
|
802
819
|
<ul class="nav navbar-nav navbar-primary">
|
|
803
820
|
<li>
|
|
804
821
|
<a href="#">First Link</a>
|
|
@@ -32,12 +32,14 @@
|
|
|
32
32
|
<script src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.17/d3.min.js"></script>
|
|
33
33
|
<script src="../../dist/js/patternfly.min.js"></script>
|
|
34
34
|
</head>
|
|
35
|
-
<div class="toast-
|
|
36
|
-
<
|
|
37
|
-
<
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
35
|
+
<div class="toast-notifications-list-pf">
|
|
36
|
+
<div class="toast-pf alert alert-warning alert-dismissable">
|
|
37
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
38
|
+
<span class="pficon pficon-close"></span>
|
|
39
|
+
</button>
|
|
40
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
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
|
+
</div>
|
|
41
43
|
</div>
|
|
42
44
|
|
|
43
45
|
<body class="cards-pf">
|
|
@@ -87,6 +89,7 @@
|
|
|
87
89
|
</ul>
|
|
88
90
|
<div class="drawer-pf hide drawer-pf-notifications-non-clickable">
|
|
89
91
|
<div class="drawer-pf-title">
|
|
92
|
+
<a class="drawer-pf-toggle-expand"></a>
|
|
90
93
|
<h3 class="text-center">Notifications Drawer</h3>
|
|
91
94
|
</div>
|
|
92
95
|
<div class="panel-group" id="notification-drawer-accordion">
|
|
@@ -763,6 +766,19 @@
|
|
|
763
766
|
$drawer.addClass('hide');
|
|
764
767
|
}
|
|
765
768
|
});
|
|
769
|
+
$('.drawer-pf-toggle-expand').click(function() {
|
|
770
|
+
var $drawer = $('.drawer-pf');
|
|
771
|
+
var $drawerNotifications = $drawer.find('.drawer-pf-notification');
|
|
772
|
+
|
|
773
|
+
if ($drawer.hasClass('drawer-pf-expanded')) {
|
|
774
|
+
$drawer.removeClass('drawer-pf-expanded');
|
|
775
|
+
$drawerNotifications.removeClass('expanded-notification');
|
|
776
|
+
} else {
|
|
777
|
+
$drawer.addClass('drawer-pf-expanded');
|
|
778
|
+
$drawerNotifications.addClass('expanded-notification');
|
|
779
|
+
}
|
|
780
|
+
});
|
|
781
|
+
|
|
766
782
|
// Mark All Read
|
|
767
783
|
$('.panel-collapse').each(function (index, panel) {
|
|
768
784
|
var $panel = $(panel);
|
|
@@ -775,6 +791,7 @@
|
|
|
775
791
|
$('#notification-drawer-accordion').initCollapseHeights('.panel-body');
|
|
776
792
|
});
|
|
777
793
|
</script>
|
|
794
|
+
|
|
778
795
|
</nav>
|
|
779
796
|
</nav> <!--/.navbar-->
|
|
780
797
|
|
data/spec/html/pagination.html
CHANGED
data/spec/html/panels.html
CHANGED
data/spec/html/pie-charts.html
CHANGED
data/spec/html/popovers.html
CHANGED
data/spec/html/search.html
CHANGED
data/spec/html/spinner.html
CHANGED
data/spec/html/tab.html
CHANGED
|
@@ -30,12 +30,14 @@
|
|
|
30
30
|
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
|
|
31
31
|
<script src="../../dist/js/patternfly.min.js"></script>
|
|
32
32
|
</head>
|
|
33
|
-
<div class="toast-
|
|
34
|
-
<
|
|
35
|
-
<
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
33
|
+
<div class="toast-notifications-list-pf">
|
|
34
|
+
<div class="toast-pf alert alert-warning alert-dismissable">
|
|
35
|
+
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
|
|
36
|
+
<span class="pficon pficon-close"></span>
|
|
37
|
+
</button>
|
|
38
|
+
<span class="pficon pficon-warning-triangle-o"></span>
|
|
39
|
+
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>.
|
|
40
|
+
</div>
|
|
39
41
|
</div>
|
|
40
42
|
|
|
41
43
|
<body>
|
|
@@ -121,6 +123,12 @@
|
|
|
121
123
|
<li>
|
|
122
124
|
<a href="typography-2.html">Typography</a>
|
|
123
125
|
</li>
|
|
126
|
+
<li>
|
|
127
|
+
<a href="card-view-multi-select.html">Card View - Multi Select</a>
|
|
128
|
+
</li>
|
|
129
|
+
<li>
|
|
130
|
+
<a href="card-view-single-select.html">Card View - Single Select</a>
|
|
131
|
+
</li>
|
|
124
132
|
<li>
|
|
125
133
|
<a href="cards.html">Cards</a>
|
|
126
134
|
</li>
|
data/spec/html/tables.html
CHANGED
data/spec/html/tabs.html
CHANGED
data/spec/html/time-picker.html
CHANGED