patternfly-sass 3.42.0 → 3.43.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.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/dist/sass/patternfly/_context-selector.scss +103 -51
  3. data/dist/sass/patternfly/_variables.scss +7 -2
  4. data/dist/sass/patternfly/_vertical-nav.scss +2 -0
  5. data/lib/patternfly-sass/version.rb +1 -1
  6. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 9f7ad0d431653f20b066c1868543b1c2a9a933440071fc92cf61d75ec44e7aca
4
- data.tar.gz: 77a146a7918e68dbcb8c1fe6986e9aa057178a4d27f0b712c77c068fa3a7d15c
3
+ metadata.gz: 330af2d8438d9b1042ca897bc682f96696480e9f33148c1679444cc01a49d2bf
4
+ data.tar.gz: d9409fd691b58f3a2e4efb2776dab315f44184f936236bf114a88f3e8450903c
5
5
  SHA512:
6
- metadata.gz: b0db021c400144be3ab6c36effa941972d346a43d0f355694ff4882db231bbef452c30b7b829254ba13159f3efb19c7f1266c02ec84b605fed448c0d8d8813c9
7
- data.tar.gz: fa857ea6ed4544b6d13e8fa4054ce1c4b1eaf4468807630e0297ae28b52b88668454066cd64550bfdc6baeb4f0a6f6730a79ca6d43fa64bbf3dc4c481ca6ee2f
6
+ metadata.gz: edd7c7f557898b9b555cb138a841a607631b7042b67c6fd3b30ba2e4c2e4de1f9057c8e2af44448c4dbe514dac4f0a5590e825c25525d7254778d0505f9b60e9
7
+ data.tar.gz: 091ece356bf13a6f2af5ca5a9e5a038f75da042ad8bfc7163712b022fb636b62f6657841f899eca0d7de86e1654363f4d7efa5edf5ca391733147459f879cd3c
data/dist/sass/patternfly/_context-selector.scss CHANGED
@@ -1,67 +1,119 @@
1
1
  //
2
2
  // Context Selector
3
3
  // --------------------------------------------------
4
+
5
+ .contextselector-pf {
6
+ float: left;
7
+ .bootstrap-select {
8
+ width: $contextselector-pf-bootstrap-select-width-mobile !important;
9
+ @media (min-width: $screen-xs-min) {
10
+ width: $contextselector-pf-bootstrap-select-width-desktop !important;
11
+ }
12
+ &.open {
13
+ background: $navbar-pf-navbar-primary-active-bg-color-stop;
14
+ > .dropdown-toggle {
15
+ color: $navbar-pf-vertical-active-color;
16
+ &:focus {
17
+ outline: 0 !important; // don't show restored focus ring when open
18
+ }
19
+ }
20
+ }
21
+ > .dropdown-toggle {
22
+ background: none;
23
+ border: 0;
24
+ box-shadow: none !important;
25
+ color: $navbar-pf-vertical-color;
26
+ font-weight: normal;
27
+ padding-bottom: $contextselector-pf-dropdown-toggle-padding-bottom;
28
+ padding-left: $contextselector-pf-dropdown-toggle-padding-left;
29
+ padding-top: $contextselector-pf-dropdown-toggle-padding-top;
30
+ &:focus {
31
+ color: $navbar-pf-vertical-active-color;
32
+ // restore the focus ring
33
+ // Default
34
+ outline: thin dotted !important;
35
+ // WebKit
36
+ outline: 5px auto -webkit-focus-ring-color !important;
37
+ outline-offset: -2px !important;
38
+ }
39
+ &:hover {
40
+ background: $navbar-pf-navbar-primary-active-bg-color-stop;
41
+ color: $navbar-pf-vertical-active-color;
42
+ outline: 0 !important; // don't show restored focus ring when open
43
+ }
44
+ .filter-option {
45
+ text-overflow: ellipsis;
46
+ }
47
+ }
48
+ .dropdown-menu li a span.text {
49
+ display: block;
50
+ overflow-x: hidden;
51
+ text-overflow: ellipsis;
52
+ width: 100%;
53
+ }
54
+ }
55
+ }
4
56
  .layout-pf-fixed .navbar-pf-vertical.navbar-pf-contextselector {
5
57
  z-index: $zindex-modal-background;
6
58
  }
7
59
  .navbar-pf-vertical .nav.contextselector-pf {
8
- @media (min-width: $screen-sm-min) {
9
- margin-left:$contextselector-pf-margin-left;
10
- }
11
- border-left:1px solid $color-pf-black-700;
12
- .nav-item-iconic {
13
- padding:$contextselector-pf-nav-item-iconic-padding;
14
- display: flex;
15
- align-items: center;
16
- }
60
+ @media (min-width: $screen-md-min) {
61
+ margin-left: $contextselector-pf-margin-left;
17
62
  }
63
+ }
18
64
 
19
- .contextselector-pf {
20
- float:left;
21
- &-title {
22
- width: $contextselector-title-width-mobile;
23
- @media (min-width: $screen-xs-min) {
24
- width: $contextselector-title-width-desktop;
25
- }
26
- white-space: nowrap;
27
- display:inline-block;
28
- overflow: hidden;
29
- text-overflow: ellipsis;
30
- line-height: normal;
31
- }
32
- .dropdown {
33
- &.open, &:hover {
34
- background-color: $navbar-pf-navbar-primary-active-bg-color-stop;
35
- }
65
+ // the following rules are deprecated
66
+ .contextselector-pf {
67
+ float:left;
68
+ &-title {
69
+ display: inline-block;
70
+ line-height: normal;
71
+ overflow: hidden;
72
+ text-overflow: ellipsis;
73
+ white-space: nowrap;
74
+ width: $contextselector-title-width-mobile;
75
+ @media (min-width: $screen-xs-min) {
76
+ width: $contextselector-title-width-desktop;
36
77
  }
37
- .dropdown-menu {
38
- width: 100%;
39
- margin-top:0;
78
+ }
79
+ .contextselector-pf-list {
80
+ @media (min-width: $screen-sm-min) {
81
+ max-height: $contextselector-pf-list-max-height;
82
+ overflow-y: auto;
40
83
  }
41
- .form-group {
42
- margin: $contextselector-pf-form-group-margin;
84
+ a {
85
+ color: $color-pf-black-800;
86
+ display: block;
43
87
  }
44
- .contextselector-pf-list {
45
- @media (min-width: $screen-sm-min) {
46
- max-height: $contextselector-pf-list-max-height;
47
- overflow-y: auto;
48
- }
49
- li {
50
- padding: $contextselector-pf-list-li-padding;
51
- border-width: $contextselector-pf-list-li-border-width;
52
- border-style: solid;
53
- border-color: transparent;
54
- &:hover {
55
- background: $color-pf-blue-50;
56
- border-color: $dropdown-link-hover-border-color;
57
- a {
58
- text-decoration: none;
59
- }
88
+ li {
89
+ border-color: transparent;
90
+ border-style: solid;
91
+ border-width: $contextselector-pf-list-li-border-width;
92
+ padding: $contextselector-pf-list-li-padding;
93
+ &:hover {
94
+ background: $color-pf-blue-50;
95
+ border-color: $dropdown-link-hover-border-color;
96
+ a {
97
+ text-decoration: none;
60
98
  }
61
99
  }
62
- a {
63
- color: $color-pf-black-800;
64
- display: block;
65
- }
66
100
  }
67
101
  }
102
+ .dropdown {
103
+ &.open, &:hover {
104
+ background-color: $navbar-pf-navbar-primary-active-bg-color-stop;
105
+ }
106
+ }
107
+ .dropdown-menu {
108
+ margin-top: 0;
109
+ width: 100%;
110
+ }
111
+ .form-group {
112
+ margin: $contextselector-pf-form-group-margin;
113
+ }
114
+ }
115
+ .navbar-pf-vertical .nav.contextselector-pf .nav-item-iconic {
116
+ align-items: center;
117
+ display: flex;
118
+ padding: $contextselector-pf-nav-item-iconic-padding;
119
+ }
data/dist/sass/patternfly/_variables.scss CHANGED
@@ -41,10 +41,15 @@ $card-pf-border-top-color: transparent
41
41
  $card-pf-container-bg-color: $color-pf-black-150 !default;
42
42
  $card-pf-footer-bg-color: $color-pf-black-100 !default;
43
43
  $card-pf-selected-border-color: $color-pf-blue-300 !default;
44
+ $contextselector-title-width-desktop: 210px !default;
45
+ $contextselector-title-width-mobile: 170px !default;
46
+ $contextselector-pf-bootstrap-select-width-desktop: ($contextselector-title-width-desktop + 32) !default;
47
+ $contextselector-pf-bootstrap-select-width-mobile: ($contextselector-title-width-mobile + 32) !default;
48
+ $contextselector-pf-dropdown-toggle-padding-bottom: 19px !default;
49
+ $contextselector-pf-dropdown-toggle-padding-left: 10px !default;
50
+ $contextselector-pf-dropdown-toggle-padding-top: 19px !default;
44
51
  $contextselector-pf-margin-left: 10px !default;
45
52
  $contextselector-pf-nav-item-iconic-padding: 23px 20px 18px 10px !default;
46
- $contextselector-title-width-mobile: 170px !default;
47
- $contextselector-title-width-desktop: 210px !default;
48
53
  $contextselector-pf-form-group-margin: 0 5px 5px 5px !default;
49
54
  $contextselector-pf-list-max-height: 200px !default;
50
55
  $contextselector-pf-list-li-padding: 1px 10px !default;
data/dist/sass/patternfly/_vertical-nav.scss CHANGED
@@ -129,6 +129,8 @@
129
129
  line-height: 25px;
130
130
  max-width: 120px;
131
131
  // If flexbox is supported, do not set max-width, take all space with just some right padding
132
+ // This generates a known issue on IE11:
133
+ // https://github.com/patternfly/patternfly/pull/810
132
134
  @supports (display: flex) {
133
135
  flex: 1;
134
136
  max-width: none;
data/lib/patternfly-sass/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module Patternfly
2
- VERSION = '3.42.0'
2
+ VERSION = '3.43.0'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: patternfly-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.42.0
4
+ version: 3.43.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dávid Halász
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2018-03-19 00:00:00.000000000 Z
12
+ date: 2018-04-03 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass