patternfly-sass 3.45.3 → 3.46.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/dist/img/bg-login-2.png +0 -0
- data/dist/img/bg-login.png +0 -0
- data/dist/img/rcue-full.svg +221 -0
- data/dist/img/rcue.svg +92 -0
- data/dist/img/redhat_reverse.png +0 -0
- data/dist/js/patternfly-settings-base.js +1 -1
- data/dist/js/patternfly-settings.js +1 -1
- data/dist/js/patternfly-settings.min.js +1 -1
- data/dist/js/patternfly.js +1 -1
- data/dist/js/patternfly.min.js +1 -1
- data/dist/sass/patternfly/_rcue-about-modal.scss +45 -0
- data/dist/sass/patternfly/_rcue-additions.scss +11 -0
- data/dist/sass/patternfly/_rcue-login.scss +75 -0
- data/dist/sass/patternfly/_rcue-variables.scss +57 -0
- data/dist/sass/patternfly/_rcue.scss +6 -0
- data/dist/sass/rcue/_about-modal.scss +44 -0
- data/dist/sass/rcue/_alerts.scss +44 -0
- data/dist/sass/rcue/_badges.scss +11 -0
- data/dist/sass/rcue/_blank-slate.scss +35 -0
- data/dist/sass/rcue/_bootstrap-combobox.scss +35 -0
- data/dist/sass/rcue/_bootstrap-datepicker.scss +132 -0
- data/dist/sass/rcue/_bootstrap-mixin-overrides.scss +33 -0
- data/dist/sass/rcue/_bootstrap-select.scss +108 -0
- data/dist/sass/rcue/_bootstrap-slider.scss +66 -0
- data/dist/sass/rcue/_bootstrap-switch.scss +19 -0
- data/dist/sass/rcue/_bootstrap-touchspin.scss +31 -0
- data/dist/sass/rcue/_bootstrap-treeview.scss +89 -0
- data/dist/sass/rcue/_breadcrumbs.scss +20 -0
- data/dist/sass/rcue/_buttons.scss +50 -0
- data/dist/sass/rcue/_card-view.scss +105 -0
- data/dist/sass/rcue/_cards.scss +238 -0
- data/dist/sass/rcue/_charts.scss +125 -0
- data/dist/sass/rcue/_close.scss +16 -0
- data/dist/sass/rcue/_color-variables.scss +85 -0
- data/dist/sass/rcue/_context-selector.scss +124 -0
- data/dist/sass/rcue/_datatables.scss +186 -0
- data/dist/sass/rcue/_dropdowns.scss +235 -0
- data/dist/sass/rcue/_experimental-features.scss +48 -0
- data/dist/sass/rcue/_filter.scss +38 -0
- data/dist/sass/rcue/_fonts.scss +124 -0
- data/dist/sass/rcue/_footer.scss +19 -0
- data/dist/sass/rcue/_forms.scss +192 -0
- data/dist/sass/rcue/_icons.scss +368 -0
- data/dist/sass/rcue/_infotip.scss +145 -0
- data/dist/sass/rcue/_labels.scss +17 -0
- data/dist/sass/rcue/_layouts.scss +140 -0
- data/dist/sass/rcue/_links.scss +5 -0
- data/dist/sass/rcue/_list-group.scss +18 -0
- data/dist/sass/rcue/_list-pf.scss +177 -0
- data/dist/sass/rcue/_list-view-dnd.scss +53 -0
- data/dist/sass/rcue/_list-view.scss +304 -0
- data/dist/sass/rcue/_login.scss +334 -0
- data/dist/sass/rcue/_mixins.scss +81 -0
- data/dist/sass/rcue/_modals.scss +38 -0
- data/dist/sass/rcue/_nav-vertical-alt.scss +168 -0
- data/dist/sass/rcue/_navbar-alt.scss +141 -0
- data/dist/sass/rcue/_navbar-vertical.scss +153 -0
- data/dist/sass/rcue/_navbar.scss +546 -0
- data/dist/sass/rcue/_notifications-drawer.scss +249 -0
- data/dist/sass/rcue/_pager.scss +68 -0
- data/dist/sass/rcue/_pagination.scss +121 -0
- data/dist/sass/rcue/_panels.scss +134 -0
- data/dist/sass/rcue/_patternfly-additions.scss +74 -0
- data/dist/sass/rcue/_patternfly.scss +31 -0
- data/dist/sass/rcue/_popovers.scss +38 -0
- data/dist/sass/rcue/_progress-bars.scss +121 -0
- data/dist/sass/rcue/_rcue-about-modal.scss +45 -0
- data/dist/sass/rcue/_rcue-login.scss +75 -0
- data/dist/sass/rcue/_rcue-variables.scss +57 -0
- data/dist/sass/rcue/_search.scss +64 -0
- data/dist/sass/rcue/_sidebar.scss +176 -0
- data/dist/sass/rcue/_skip-to-content.scss +12 -0
- data/dist/sass/rcue/_spinner.scss +72 -0
- data/dist/sass/rcue/_syntax-highlighting.scss +36 -0
- data/dist/sass/rcue/_table-view.scss +188 -0
- data/dist/sass/rcue/_tables.scss +90 -0
- data/dist/sass/rcue/_tabs.scss +118 -0
- data/dist/sass/rcue/_time-picker.scss +81 -0
- data/dist/sass/rcue/_toast.scss +75 -0
- data/dist/sass/rcue/_toolbar.scss +190 -0
- data/dist/sass/rcue/_tooltip.scss +15 -0
- data/dist/sass/rcue/_tree-list-view.scss +83 -0
- data/dist/sass/rcue/_type.scss +29 -0
- data/dist/sass/rcue/_variables.scss +580 -0
- data/dist/sass/rcue/_vertical-nav.scss +952 -0
- data/dist/sass/rcue/_wizard.scss +576 -0
- data/lib/patternfly-sass/version.rb +1 -1
- metadata +83 -2
@@ -0,0 +1,90 @@
|
|
1
|
+
//
|
2
|
+
// Tables
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.table {
|
6
|
+
> thead,
|
7
|
+
> tbody,
|
8
|
+
> tfoot {
|
9
|
+
> tr {
|
10
|
+
> th,
|
11
|
+
> td {
|
12
|
+
padding: $table-cell-padding-top $table-cell-padding $table-cell-padding-bottom;
|
13
|
+
> a:hover {
|
14
|
+
text-decoration: none;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
> th {
|
18
|
+
font-family: "Open Sans";
|
19
|
+
font-style: normal;
|
20
|
+
font-weight: 600;
|
21
|
+
}
|
22
|
+
}
|
23
|
+
}
|
24
|
+
> thead {
|
25
|
+
background-clip: padding-box;
|
26
|
+
background-color: $color-pf-black-150;
|
27
|
+
@include gradient-vertical($start-color: $color-pf-black-100, $end-color: $color-pf-black-200, $start-percent: 0%, $end-percent: 100%);
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
.table-bordered {
|
32
|
+
border: 1px solid $table-border-color;
|
33
|
+
> thead,
|
34
|
+
> tbody,
|
35
|
+
> tfoot {
|
36
|
+
> tr {
|
37
|
+
> th,
|
38
|
+
> td {
|
39
|
+
border: 1px solid $table-border-color;
|
40
|
+
}
|
41
|
+
}
|
42
|
+
}
|
43
|
+
> thead > tr {
|
44
|
+
> th,
|
45
|
+
> td {
|
46
|
+
border-bottom-width: 1px;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
}
|
50
|
+
|
51
|
+
.table-striped {
|
52
|
+
> tbody > tr {
|
53
|
+
&:nth-of-type(even) {
|
54
|
+
background-color: $table-bg-accent;
|
55
|
+
}
|
56
|
+
&:nth-of-type(odd) {
|
57
|
+
background-color: transparent;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
}
|
61
|
+
|
62
|
+
.table-hover {
|
63
|
+
> tbody > tr:hover {
|
64
|
+
> td,
|
65
|
+
> th {
|
66
|
+
background-color: $table-bg-hover;
|
67
|
+
border-bottom-color: $table-border-hover;
|
68
|
+
}
|
69
|
+
}
|
70
|
+
}
|
71
|
+
|
72
|
+
.table-treegrid {
|
73
|
+
span.indent {
|
74
|
+
margin-left: 10px;
|
75
|
+
margin-right: 10px;
|
76
|
+
}
|
77
|
+
span.icon {
|
78
|
+
display: inline-block;
|
79
|
+
font-size: 13px;
|
80
|
+
margin-right: 5px;
|
81
|
+
min-width: 10px;
|
82
|
+
text-align: center;
|
83
|
+
}
|
84
|
+
span.expand-icon, span.collapse-icon {
|
85
|
+
cursor: pointer;
|
86
|
+
}
|
87
|
+
> tbody > tr.odd {
|
88
|
+
background-color: $table-bg-accent;
|
89
|
+
}
|
90
|
+
}
|
@@ -0,0 +1,118 @@
|
|
1
|
+
//
|
2
|
+
// Tabs
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.nav-tabs {
|
6
|
+
font-size: $font-size-large;
|
7
|
+
> li {
|
8
|
+
> a {
|
9
|
+
color: $nav-tabs-color;
|
10
|
+
margin-right: -1px;
|
11
|
+
padding-bottom: 5px;
|
12
|
+
padding-top: 5px;
|
13
|
+
&:active,
|
14
|
+
&:focus,
|
15
|
+
&:hover {
|
16
|
+
background: transparent;
|
17
|
+
border-color: $nav-tabs-border-color;
|
18
|
+
color: $gray-darker;
|
19
|
+
}
|
20
|
+
}
|
21
|
+
> .dropdown-menu {
|
22
|
+
border-top: 0;
|
23
|
+
border-color: $nav-tabs-border-color;
|
24
|
+
&.pull-right {
|
25
|
+
right: -1px;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
}
|
29
|
+
+ .nav-tabs-pf, &.nav-tabs-pf-secondary {
|
30
|
+
font-size: $font-size-base;
|
31
|
+
> li:first-child > a {
|
32
|
+
padding-left: 15px;
|
33
|
+
&:before {
|
34
|
+
left: 15px !important;
|
35
|
+
}
|
36
|
+
}
|
37
|
+
}
|
38
|
+
.open > a {
|
39
|
+
&,
|
40
|
+
&:hover,
|
41
|
+
&:focus {
|
42
|
+
background-color: transparent;
|
43
|
+
border-color: $nav-tabs-border-color;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
.nav-tabs-pf {
|
49
|
+
&.nav-justified {
|
50
|
+
@media (min-width: $grid-float-breakpoint) {
|
51
|
+
border-bottom: 1px solid $nav-tabs-justified-link-border-color;
|
52
|
+
}
|
53
|
+
> li {
|
54
|
+
&:first-child > a {
|
55
|
+
padding-left: 15px;
|
56
|
+
}
|
57
|
+
> a {
|
58
|
+
border-bottom: 0;
|
59
|
+
&:before {
|
60
|
+
left: 0 !important;
|
61
|
+
right: 0 !important;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
66
|
+
> li {
|
67
|
+
margin-bottom: 0;
|
68
|
+
&.active > a {
|
69
|
+
@include tab-indicator($background: $nav-tabs-active-link-hover-color);
|
70
|
+
&,
|
71
|
+
&:active,
|
72
|
+
&:focus,
|
73
|
+
&:hover {
|
74
|
+
background-color: transparent;
|
75
|
+
border: 0 !important;
|
76
|
+
color: $link-color;
|
77
|
+
&:before {
|
78
|
+
background: $nav-tabs-active-link-hover-color;
|
79
|
+
}
|
80
|
+
}
|
81
|
+
}
|
82
|
+
&:first-child {
|
83
|
+
> a {
|
84
|
+
padding-left: 0;
|
85
|
+
&:before {
|
86
|
+
left: 0 !important;
|
87
|
+
}
|
88
|
+
}
|
89
|
+
}
|
90
|
+
> a {
|
91
|
+
border: 0;
|
92
|
+
line-height: 1;
|
93
|
+
margin-right: 0;
|
94
|
+
padding-bottom: 10px;
|
95
|
+
padding-top: 10px;
|
96
|
+
&:active,
|
97
|
+
&:focus,
|
98
|
+
&:hover {
|
99
|
+
@include tab-indicator()
|
100
|
+
}
|
101
|
+
}
|
102
|
+
> .dropdown-menu {
|
103
|
+
left: 15px;
|
104
|
+
margin-top: 1px;
|
105
|
+
&.pull-right {
|
106
|
+
left: auto;
|
107
|
+
right: 15px;
|
108
|
+
}
|
109
|
+
}
|
110
|
+
}
|
111
|
+
.open > a {
|
112
|
+
&,
|
113
|
+
&:hover,
|
114
|
+
&:focus {
|
115
|
+
background-color: transparent;
|
116
|
+
}
|
117
|
+
}
|
118
|
+
}
|
@@ -0,0 +1,81 @@
|
|
1
|
+
//
|
2
|
+
// Time Picker
|
3
|
+
// --------------------------------------------------
|
4
|
+
.bootstrap-datetimepicker-widget {
|
5
|
+
a[data-action] {
|
6
|
+
border: 0;
|
7
|
+
box-shadow: none;
|
8
|
+
color: $gray-dark;
|
9
|
+
display: block;
|
10
|
+
padding-bottom: 4px;
|
11
|
+
padding-top: 4px;
|
12
|
+
&:hover { color: $link-color; }
|
13
|
+
}
|
14
|
+
&.dropdown-menu {
|
15
|
+
left: 0!important;
|
16
|
+
padding: 0;
|
17
|
+
width: unquote("calc(100% - 25px)");
|
18
|
+
&:before, &:after {
|
19
|
+
content: none;
|
20
|
+
}
|
21
|
+
&.top {
|
22
|
+
margin-bottom: -1px;
|
23
|
+
}
|
24
|
+
&.bottom {
|
25
|
+
margin-top: -1px;
|
26
|
+
}
|
27
|
+
}
|
28
|
+
.timepicker-hour {
|
29
|
+
width: 100%;
|
30
|
+
&:after {
|
31
|
+
content: ":";
|
32
|
+
float: right;
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
36
|
+
.timepicker-hours,
|
37
|
+
.timepicker-minutes {
|
38
|
+
table td {
|
39
|
+
font-weight: bold;
|
40
|
+
line-height: 30px;
|
41
|
+
height: 30px;
|
42
|
+
&:hover { color: $link-color; }
|
43
|
+
}
|
44
|
+
.table-condensed > tbody > tr > td { padding: 0; }
|
45
|
+
}
|
46
|
+
.time-picker-pf {
|
47
|
+
.input-group-addon {
|
48
|
+
.fa,
|
49
|
+
.pficon { width: 12px; }
|
50
|
+
&:not(.active) { box-shadow: none; }
|
51
|
+
}
|
52
|
+
}
|
53
|
+
.timepicker-picker {
|
54
|
+
table td {
|
55
|
+
span,
|
56
|
+
a span {
|
57
|
+
height: 24px;
|
58
|
+
line-height: 24px;
|
59
|
+
margin: 0;
|
60
|
+
width: 100%;
|
61
|
+
}
|
62
|
+
}
|
63
|
+
.table-condensed > tbody > tr > td {
|
64
|
+
height: 25px;
|
65
|
+
line-height: 18px;
|
66
|
+
padding: 0;
|
67
|
+
}
|
68
|
+
button[data-action] { // provisional until the button is removed
|
69
|
+
padding-bottom: 0;
|
70
|
+
padding-top: 0;
|
71
|
+
}
|
72
|
+
.separator { display: none; }
|
73
|
+
tr:nth-child(2) td {
|
74
|
+
background-color: $dropdown-link-hover-bg;
|
75
|
+
border-color: $dropdown-link-hover-border-color;
|
76
|
+
border-style: solid;
|
77
|
+
border-width: 1px;
|
78
|
+
border-left: 0;
|
79
|
+
border-right: 0;
|
80
|
+
}
|
81
|
+
}
|
@@ -0,0 +1,75 @@
|
|
1
|
+
//
|
2
|
+
// Toast notifications
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.toast-pf {
|
6
|
+
background-color: $color-pf-white;
|
7
|
+
border-color: $color-pf-black-400;
|
8
|
+
box-shadow: 0 2px 6px rgba($color-pf-black, (20/100));
|
9
|
+
padding-left: 68px; //15px space between the icon and the text
|
10
|
+
margin-bottom: 5px;
|
11
|
+
&.alert-danger > .pficon { background-color: $alert-danger-border; }
|
12
|
+
&.alert-info > .pficon { background-color: $alert-info-border; }
|
13
|
+
&.alert-success > .pficon { background-color: $alert-success-border; }
|
14
|
+
&.alert-warning > .pficon { background-color: $alert-warning-border; }
|
15
|
+
.dropdown-kebab-pf { margin-left: 10px; }
|
16
|
+
> .pficon {
|
17
|
+
background-color: $gray-pf;
|
18
|
+
bottom: -1px;
|
19
|
+
box-shadow: 2px 0 5px -2px rgba($color-pf-black, (20/100));
|
20
|
+
left: -1px;
|
21
|
+
padding-top: 10px;
|
22
|
+
text-align: center;
|
23
|
+
top: -1px;
|
24
|
+
width: 53px;
|
25
|
+
&:before { color: rgba($color-pf-white, (74/100)); }
|
26
|
+
}
|
27
|
+
.toast-pf-action {
|
28
|
+
margin-left: 15px;
|
29
|
+
}
|
30
|
+
.dropdown-kebab-pf .btn-link {
|
31
|
+
padding-top: 0;
|
32
|
+
padding-bottom: 0;
|
33
|
+
vertical-align: text-bottom;
|
34
|
+
}
|
35
|
+
/* Medium devices (desktops, 992px and up) */
|
36
|
+
@media (min-width: $screen-md-min) {
|
37
|
+
display: inline-block;
|
38
|
+
}
|
39
|
+
}
|
40
|
+
// Sets max width on toast notifications
|
41
|
+
.toast-pf-max-width {
|
42
|
+
@media (min-width: $screen-md-min) {
|
43
|
+
max-width: 31.1%; // sets the size to 4 cols;
|
44
|
+
}
|
45
|
+
}
|
46
|
+
// To position the notification on the top right corner, used in context on cards layout
|
47
|
+
.toast-pf-top-right {
|
48
|
+
left: ($grid-gutter-width / 2);
|
49
|
+
position: absolute;
|
50
|
+
right: ($grid-gutter-width / 2);
|
51
|
+
top: 12px;
|
52
|
+
z-index: 1055; // More than $zindex-modal
|
53
|
+
/* Medium devices (desktops, 992px and up) */
|
54
|
+
@media (min-width: $screen-md-min) {
|
55
|
+
left: auto;
|
56
|
+
}
|
57
|
+
}
|
58
|
+
|
59
|
+
.toast-notifications-list-pf {
|
60
|
+
margin-left: ($grid-gutter-width / 2);
|
61
|
+
position: fixed;
|
62
|
+
right: ($grid-gutter-width / 2);
|
63
|
+
top: $toast-notification-top;
|
64
|
+
z-index: 1055;
|
65
|
+
.toast-pf {
|
66
|
+
clear: both;
|
67
|
+
float: right;
|
68
|
+
}
|
69
|
+
@media (min-width: $screen-sm-min) {
|
70
|
+
max-width: calc(50%);
|
71
|
+
}
|
72
|
+
@media (min-width: $screen-md-min) {
|
73
|
+
max-width: calc(33.1% ); // sets the size to 4 cols;
|
74
|
+
}
|
75
|
+
}
|
@@ -0,0 +1,190 @@
|
|
1
|
+
//
|
2
|
+
// Toolbar (Filter and view options)
|
3
|
+
// --------------------------------------------------
|
4
|
+
|
5
|
+
.toolbar-pf {
|
6
|
+
background: $color-pf-white;
|
7
|
+
border-bottom: 1px solid $sidebar-pf-border-color;
|
8
|
+
box-shadow: 0 1px 0px rgba($color-pf-black, (4.5/100));
|
9
|
+
padding-top: ($grid-gutter-width/4);
|
10
|
+
.form-group {
|
11
|
+
margin-bottom: ($grid-gutter-width/4);
|
12
|
+
@media (min-width: $grid-float-breakpoint) {
|
13
|
+
border-right: 1px solid $sidebar-pf-border-color;
|
14
|
+
float: left;
|
15
|
+
margin-bottom: 0;
|
16
|
+
padding-left: ($grid-gutter-width/2);
|
17
|
+
padding-right: ($grid-gutter-width/2);
|
18
|
+
}
|
19
|
+
&:last-child {
|
20
|
+
border-right: 0;
|
21
|
+
margin-bottom: 0;
|
22
|
+
padding-right: 0;
|
23
|
+
}
|
24
|
+
.btn,
|
25
|
+
.btn-group {
|
26
|
+
+ .btn,
|
27
|
+
+ .btn-group { margin-left: 5px; }
|
28
|
+
+ .btn-link,
|
29
|
+
+ .dropdown { margin-left: 10px; }
|
30
|
+
}
|
31
|
+
.btn-link {
|
32
|
+
color: $gray-darker;
|
33
|
+
font-size: ($font-size-base + 4);
|
34
|
+
line-height: 1;
|
35
|
+
padding: 4px 0;
|
36
|
+
&:active,
|
37
|
+
&:focus,
|
38
|
+
&:hover { color: $link-color; }
|
39
|
+
}
|
40
|
+
.dropdown-kebab-pf .btn-link {
|
41
|
+
padding: 4px ($grid-gutter-width/4);
|
42
|
+
margin-left: ($grid-gutter-width/(-4));
|
43
|
+
margin-right: ($grid-gutter-width/(-4));
|
44
|
+
}
|
45
|
+
}
|
46
|
+
}
|
47
|
+
.toolbar-pf-actions {
|
48
|
+
display: table;
|
49
|
+
margin-bottom: 10px;
|
50
|
+
width: 100%;
|
51
|
+
@media (min-width: $grid-float-breakpoint) {
|
52
|
+
.toolbar-pf-filter {
|
53
|
+
padding-left: 0;
|
54
|
+
}
|
55
|
+
}
|
56
|
+
}
|
57
|
+
.toolbar-pf-view-selector {
|
58
|
+
font-size: ($font-size-base + 4);
|
59
|
+
.btn-link.active {
|
60
|
+
color: $link-color;
|
61
|
+
cursor: default;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
.toolbar-pf-action-right {
|
65
|
+
float: right;
|
66
|
+
@media (max-width: $grid-float-breakpoint) {
|
67
|
+
float: none;
|
68
|
+
}
|
69
|
+
}
|
70
|
+
.toolbar-pf-find {
|
71
|
+
font-size: ($font-size-base + 2);
|
72
|
+
position: relative;
|
73
|
+
}
|
74
|
+
.find-pf-dropdown-container {
|
75
|
+
background: $color-pf-white;
|
76
|
+
border: solid 1px $color-pf-black-400;
|
77
|
+
display: none;
|
78
|
+
right: -20px;
|
79
|
+
padding: 5px;
|
80
|
+
position: absolute;
|
81
|
+
top: 35px;
|
82
|
+
width: 300px;
|
83
|
+
z-index: 10000;
|
84
|
+
@media (max-width: $grid-float-breakpoint) {
|
85
|
+
left: 30px;
|
86
|
+
top: -5px;
|
87
|
+
width: calc(100% - 30px);
|
88
|
+
}
|
89
|
+
&:before,
|
90
|
+
&:after {
|
91
|
+
content: "";
|
92
|
+
position: absolute;
|
93
|
+
}
|
94
|
+
&:before {
|
95
|
+
border-bottom:11px solid $color-pf-black-400;
|
96
|
+
border-left:11px solid transparent;
|
97
|
+
border-right:11px solid transparent;
|
98
|
+
right: 35px;
|
99
|
+
.toolbar-pf-find:last-child & {
|
100
|
+
right: 15px;
|
101
|
+
}
|
102
|
+
top: -12px;
|
103
|
+
@media (max-width: $grid-float-breakpoint) {
|
104
|
+
border-bottom:11px solid transparent;
|
105
|
+
border-right:11px solid $color-pf-black-400;
|
106
|
+
border-top:11px solid transparent;
|
107
|
+
left: -22px;
|
108
|
+
right: initial;
|
109
|
+
top: 8px;
|
110
|
+
}
|
111
|
+
}
|
112
|
+
&:after {
|
113
|
+
border-bottom:10px solid $color-pf-white;
|
114
|
+
border-left:10px solid transparent;
|
115
|
+
border-right:10px solid transparent;
|
116
|
+
right: 36px;
|
117
|
+
.toolbar-pf-find:last-child & {
|
118
|
+
right: 16px;
|
119
|
+
}
|
120
|
+
top: -10px;
|
121
|
+
@media (max-width: $grid-float-breakpoint) {
|
122
|
+
border-bottom:10px solid transparent;
|
123
|
+
border-right:10px solid $color-pf-white;
|
124
|
+
border-top:10px solid transparent;
|
125
|
+
left: -20px;
|
126
|
+
right: initial;
|
127
|
+
top: 9px;
|
128
|
+
}
|
129
|
+
}
|
130
|
+
input {
|
131
|
+
height: 30px;
|
132
|
+
padding: 5px 117px 5px 5px; // 112px (components) + 5px (offset)
|
133
|
+
width: 100%;
|
134
|
+
}
|
135
|
+
.find-pf-buttons {
|
136
|
+
position: absolute;
|
137
|
+
right: 10px;
|
138
|
+
top: 5px;
|
139
|
+
.btn {
|
140
|
+
border: none;
|
141
|
+
cursor: pointer;
|
142
|
+
margin-left: 0 !important;
|
143
|
+
padding: 0;
|
144
|
+
width: 18px;
|
145
|
+
.fa-angle-up,
|
146
|
+
.fa-angle-down {
|
147
|
+
font-weight: bold;
|
148
|
+
font-size: ($font-size-base + 6);
|
149
|
+
}
|
150
|
+
.pficon-close { font-size: ($font-size-base + 2); }
|
151
|
+
}
|
152
|
+
span {
|
153
|
+
height: 30px;
|
154
|
+
line-height: 30px;
|
155
|
+
vertical-align: middle;
|
156
|
+
}
|
157
|
+
.find-pf-nums {
|
158
|
+
color: $color-pf-black-500;
|
159
|
+
margin-right: 3px;
|
160
|
+
}
|
161
|
+
}
|
162
|
+
}
|
163
|
+
|
164
|
+
.toolbar-pf-results {
|
165
|
+
border-top: 1px solid $sidebar-pf-border-color;
|
166
|
+
margin-top: ($grid-gutter-width/4);
|
167
|
+
h5,
|
168
|
+
p,
|
169
|
+
ul {
|
170
|
+
display: inline-block;
|
171
|
+
line-height: ($grid-gutter-width/1.5);
|
172
|
+
margin-bottom: 0;
|
173
|
+
margin-top: 0;
|
174
|
+
@media (min-width: $screen-sm-min) {
|
175
|
+
line-height: $grid-gutter-width;
|
176
|
+
}
|
177
|
+
}
|
178
|
+
h5 {
|
179
|
+
font-weight: 700;
|
180
|
+
margin-right: 20px;
|
181
|
+
}
|
182
|
+
.label {
|
183
|
+
font-size: ($font-size-base - 1);
|
184
|
+
a {
|
185
|
+
color: $color-pf-white;
|
186
|
+
display: inline-block;
|
187
|
+
margin-left: 5px;
|
188
|
+
}
|
189
|
+
}
|
190
|
+
}
|