patternfly-sass 3.8.1 → 3.9.0
Sign up to get free protection for your applications and to get access to all the features.
- 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