patternfly-sass 3.42.0 → 3.43.0

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